@farris/ui-vue 1.1.0 → 1.1.1

package/button/index.esm.js

@@ -1,825 +0,0 @@
-import { computed as k, defineComponent as z, ref as h, createVNode as g, nextTick as Q, watch as rt, onMounted as Y, onUnmounted as it, Teleport as ct, withDirectives as at, vShow as lt, isVNode as ut, Fragment as st, inject as pt } from "vue";
-import { cloneDeep as ft } from "lodash-es";
-const dt = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 设置按钮类型
-   */
-  type: { type: String, default: "primary" },
-  /**
-   * 是否禁用
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * 按钮尺寸
-   */
-  size: { type: String, default: "small" },
-  /**
-   * 按钮图标
-   */
-  icon: { type: String }
-};
-function vt(e, t) {
-  function o(c) {
-    c.stopPropagation(), e.disabled || t.emit("click", c);
-  }
-  return {
-    onClickButton: o
-  };
-}
-function ht(e) {
-  const t = k(() => {
-    const c = {
-      "f-icon": !0
-    };
-    if (e.icon) {
-      const i = e.icon.trim().split(" ");
-      i && i.length && i.reduce((l, u) => (l[u] = !0, l), c);
-    }
-    return c;
-  }), o = k(() => !!(e.icon && e.icon.trim()));
-  return { iconClass: t, shouldShowIcon: o };
-}
-const J = /* @__PURE__ */ z({
-  name: "FButton",
-  props: dt,
-  emits: ["click"],
-  setup(e, t) {
-    const {
-      onClickButton: o
-    } = vt(e, t), {
-      iconClass: c,
-      shouldShowIcon: i
-    } = ht(e), l = h(e.size), u = h(e.type), d = h(e.disabled), f = k(() => {
-      const n = {
-        btn: !0,
-        "btn-lg": l.value === "large",
-        "btn-sm": l.value !== "large"
-      };
-      return n[`btn-${u.value}`] = !0, n;
-    });
-    return () => g("button", {
-      class: f.value,
-      disabled: d.value,
-      onClick: (n) => o(n)
-    }, [i.value && g("i", {
-      class: c.value
-    }, null), t.slots.default && t.slots.default()]);
-  }
-}), Z = {}, K = {};
-function H(e) {
-  const { properties: t, title: o } = e, c = Object.keys(t).reduce((i, l) => (i[l] = t[l].type === "object" && t[l].properties ? H(t[l]) : ft(t[l].default), i), {});
-  return c.id = `${o}-${Date.now()}`, c;
-}
-function G(e, t = {}) {
-  const o = Z[e];
-  if (o) {
-    let c = H(o);
-    const i = K[e];
-    return c = i ? i({ getSchemaByType: G }, c, t) : c, c;
-  }
-  return null;
-}
-function yt(e, t) {
-  const o = H(t);
-  return Object.keys(e).reduce((c, i) => (c[i] = e[i], c), o), o;
-}
-function gt(e, t) {
-  return Object.keys(e).filter((c) => e[c] != null).reduce((c, i) => {
-    if (t.has(i)) {
-      const l = t.get(i);
-      if (typeof l == "string")
-        c[l] = e[i];
-      else {
-        const u = l(i, e[i], e);
-        Object.assign(c, u);
-      }
-    } else
-      c[i] = e[i];
-    return c;
-  }, {});
-}
-function bt(e, t, o = /* @__PURE__ */ new Map()) {
-  const c = yt(e, t);
-  return gt(c, o);
-}
-function mt(e = {}) {
-  function t(n, r, a, s) {
-    if (typeof a == "number")
-      return s[n].length === a;
-    if (typeof a == "object") {
-      const m = Object.keys(a)[0], b = a[m];
-      if (m === "not")
-        return Number(s[n].length) !== Number(b);
-      if (m === "moreThan")
-        return Number(s[n].length) >= Number(b);
-      if (m === "lessThan")
-        return Number(s[n].length) <= Number(b);
-    }
-    return !1;
-  }
-  function o(n, r, a, s) {
-    return s[r] && s[r].propertyValue && String(s[r].propertyValue.value) === String(a);
-  }
-  const c = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", o]
-  ]);
-  Object.keys(e).reduce((n, r) => (n.set(r, e[r]), n), c);
-  function i(n, r) {
-    const a = n;
-    return typeof r == "number" ? [{ target: a, operator: "length", param: null, value: Number(r) }] : typeof r == "boolean" ? [{ target: a, operator: "getProperty", param: n, value: !!r }] : typeof r == "object" ? Object.keys(r).map((s) => {
-      if (s === "length")
-        return { target: a, operator: "length", param: null, value: r[s] };
-      const m = s, b = r[s];
-      return { target: a, operator: n, param: m, value: b };
-    }) : [];
-  }
-  function l(n) {
-    return Object.keys(n).reduce((a, s) => {
-      const m = i(s, n[s]);
-      return a.push(...m), a;
-    }, []);
-  }
-  function u(n, r) {
-    if (c.has(n.operator)) {
-      const a = c.get(n.operator);
-      return a && a(n.target, n.param, n.value, r) || !1;
-    }
-    return !1;
-  }
-  function d(n, r) {
-    return l(n).reduce((m, b) => m && u(b, r), !0);
-  }
-  function f(n, r) {
-    const a = Object.keys(n), s = a.includes("allOf"), m = a.includes("anyOf"), b = s || m, D = (b ? n[b ? s ? "allOf" : "anyOf" : "allOf"] : [n]).map((W) => d(W, r));
-    return s ? !D.includes(!1) : D.includes(!0);
-  }
-  return { parseValueSchema: f };
-}
-const wt = {}, Bt = {};
-mt();
-function Pt(e, t, o = /* @__PURE__ */ new Map(), c = (u, d, f) => d, i = {}, l = (u) => u) {
-  return Z[t.title] = t, K[t.title] = c, wt[t.title] = i, Bt[t.title] = l, (u = {}) => {
-    const d = bt(u, t, o), f = Object.keys(e).reduce((n, r) => (n[r] = e[r].default, n), {});
-    return Object.assign(f, d);
-  };
-}
-const Ct = "https://json-schema.org/draft/2020-12/schema", kt = "https://farris-design.gitee.io/button-group.schema.json", Tt = "button-group", St = "A Farris Component", Dt = "object", Ot = {
-  id: {
-    description: "The unique identifier for button-group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of button-group",
-    type: "string",
-    default: "button-group"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, Mt = [
-  "id",
-  "type"
-], Lt = {
-  $schema: Ct,
-  $id: kt,
-  title: Tt,
-  description: St,
-  type: Dt,
-  properties: Ot,
-  required: Mt
-};
-function jt(e, t, o) {
-  return t;
-}
-function $t(e, t) {
-  return { customClass: t.class };
-}
-const Nt = /* @__PURE__ */ new Map([
-  ["appearance", $t]
-]), Wt = "button-group", Et = "A Farris Component", At = "object", Ft = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, zt = {
-  title: Wt,
-  description: Et,
-  type: At,
-  categories: Ft
-}, X = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 横向纠正的参照
-   */
-  rectifyReferenceH: { type: Object },
-  /**
-   * 纵向纠正的参照
-   */
-  rectifyReferenceV: { type: Object },
-  /**
-   * 是否自动纠正位置
-   */
-  autoRectify: { type: Boolean, default: !1 },
-  /**
-   * 计算方向的真正placement
-   */
-  realPlacement: { type: String, default: "bottom-right" },
-  /**
-   * 重新计算后的placement
-   */
-  rectifyPlacement: { type: String, default: "bottom-right" },
-  /**
-   * 按钮信息
-   */
-  data: {
-    type: Array,
-    default: [{
-      id: "ex1",
-      text: "主要按钮",
-      type: "primary"
-    }]
-  },
-  /**
-   * 显示的按钮数量  默认为2
-   */
-  count: { type: Number, default: 2 },
-  /**
-   * 按钮大小
-   */
-  size: { type: String, default: "small" },
-  /**
-   * 按钮样式
-   */
-  type: { type: String, default: "primary" },
-  /**
-   * 按钮展示位置
-   */
-  placement: { type: String, default: "bottom" },
-  /**
-   * 下拉面板显示
-   */
-  showPanel: { type: Boolean, default: !1 },
-  /**
-   * 下拉面板显示标志
-   */
-  dpFlag: { type: Boolean, default: !1 }
-}, U = Pt(X, Lt, Nt, jt, zt);
-function Rt(e, t, o) {
-  const c = h(), i = h(!1);
-  function l() {
-    const a = c.value;
-    a && a.show(o.value);
-  }
-  async function u() {
-    i.value = !i.value, await Q(), l();
-  }
-  function d() {
-    i.value = !1;
-  }
-  function f(a) {
-    a.stopPropagation(), u(), t.emit("changeState", i.value);
-  }
-  function n(a, s) {
-    a.stopPropagation(), !s.disabled && (i.value = !1, t.emit("change", s.id), t.emit("click", s));
-  }
-  function r() {
-    i.value && setTimeout(() => {
-      d();
-    }, 1e3);
-  }
-  return {
-    hidePopup: d,
-    onClickDropdownButton: f,
-    onClickDropdownMenuItem: n,
-    onMouseleaveDropdownButton: r,
-    popoverRef: c,
-    shouldPopupContent: i,
-    togglePopup: u
-  };
-}
-const Vt = {
-  id: { type: String },
-  title: { type: String },
-  placement: { type: String, default: "bottom" },
-  reference: {
-    type: Object
-  },
-  host: {
-    type: Object
-  },
-  leftBoundary: {
-    type: Object
-  },
-  rightBoundary: {
-    type: Object
-  },
-  visible: { type: Boolean, default: !1 },
-  class: { type: String },
-  offsetX: { type: Object, default: h(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function Gt(e) {
-  const t = e.host ? e.host : "body", o = k(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), c = k(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), i = k(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), l = k(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: c, hostTop: o, hostWidth: i, hostHeight: l };
-}
-function Ht(e, t, o, c) {
-  var q;
-  const i = h(0), l = h(((q = e.offsetX) == null ? void 0 : q.value) || 0), u = h(e.minWidth), d = h(-1), f = h(-1), n = h(e.placement), r = h(0), a = h(0), s = h(0), m = h(document.documentElement.scrollLeft), b = h(document.documentElement.scrollTop), { hostLeft: C, hostTop: N, hostWidth: D, hostHeight: E } = c;
-  rt(e.offsetX, (p) => {
-    i.value = p - l.value;
-  });
-  const W = k(() => {
-    const p = {
-      left: `${a.value}px`,
-      top: `${s.value}px`,
-      transform: `translateX(${i.value}px)`
-    };
-    return e.zIndex !== -1 && (p["z-index"] = e.zIndex), u.value !== -1 && (p.width = `${u.value}px`), p;
-  }), $ = k(() => ({
-    left: `${r.value}px`
-  }));
-  function O(p) {
-    if (p && e.keepWidthWithReference) {
-      const y = p.getBoundingClientRect();
-      u.value = Math.max(e.minWidth, y.width);
-    }
-  }
-  function v(p, y) {
-    const B = D.value - p.width - 4;
-    return B > 0 ? B : y;
-  }
-  function P(p, y) {
-    const B = E.value - p.height - 4;
-    return B > 0 ? B : y;
-  }
-  function w(p, y, B) {
-    const T = r.value, S = y.left - C.value + y.width / 2 + m.value, j = y.top - N.value - (p.height + B.height) + b.value;
-    return { popoverLeft: S, popoverTop: j, arrowLeft: T };
-  }
-  function M(p, y, B) {
-    const T = y.top - N.value + (y.height + B.height) + b.value, S = P(p, T);
-    return Math.min(T, S);
-  }
-  function F(p, y) {
-    const B = v(y, p), T = p <= B ? r.value : p - B;
-    return { popoverLeft: Math.min(p, B), arrowLeft: T };
-  }
-  function L(p, y, B) {
-    const T = y.left - C.value + y.width / 2 - (B.width / 2 - (p.left - C.value)) + m.value, { arrowLeft: S, popoverLeft: j } = F(T, p), A = M(p, y, B);
-    return { popoverLeft: j, popoverTop: A, arrowLeft: S };
-  }
-  function R(p, y, B) {
-    const T = y.left - C.value + m.value, { arrowLeft: S, popoverLeft: j } = F(T, p), A = M(p, y, B);
-    return { popoverLeft: j, popoverTop: A, arrowLeft: S };
-  }
-  const I = /* @__PURE__ */ new Map([
-    ["top", w],
-    ["bottom", L],
-    ["bottom-left", R]
-  ]);
-  function _(p) {
-    var j, A;
-    const y = p.getBoundingClientRect();
-    d.value = y.top, f.value = y.left;
-    const B = (j = t.value) == null ? void 0 : j.getBoundingClientRect(), T = (A = o.value) == null ? void 0 : A.getBoundingClientRect(), S = I.get(n.value);
-    if (S) {
-      const { arrowLeft: et, popoverLeft: ot, popoverTop: nt } = S(T, y, B);
-      r.value = et, a.value = ot, s.value = nt;
-    }
-    e.keepWidthWithReference && O(p);
-  }
-  function tt(p) {
-    if (p) {
-      const y = p.getBoundingClientRect();
-      (y.left !== f.value || y.top !== d.value) && _(p);
-    }
-  }
-  return {
-    arrowStyle: $,
-    popoverStyle: W,
-    position: n,
-    popoverWidth: u,
-    fitToReference: O,
-    followToReferencePosition: tt,
-    locateToReference: _
-  };
-}
-function Xt(e, t, o, c, i, l, u) {
-  const d = h(e.visible), f = k(() => d.value), { fitToReference: n, locateToReference: r } = u;
-  let a;
-  function s() {
-    d.value = !1, document.body.removeEventListener("click", a), t.emit("hidden");
-  }
-  a = (b) => {
-    if (!i.value.contains(b.target)) {
-      const C = i.value.closest(".popover");
-      C && C.removeEventListener("click", a), s();
-    }
-  };
-  async function m(b) {
-    if (c.value && o.value && b) {
-      d.value = !0, i.value = b, l.value && n(b), await Q(), r(b), document.body.addEventListener("click", a);
-      const C = b.closest(".popover");
-      C && C.addEventListener("click", a), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: s, show: m, shown: f }), { showPopover: d, hidePopverOnClickBodyHandler: a };
-}
-function _t(e, t, o, c, i) {
-  const { popoverWidth: l, fitToReference: u, followToReferencePosition: d } = i;
-  function f() {
-    if (o.value) {
-      d(o.value);
-      const n = o.value.getBoundingClientRect();
-      c.value && n.width !== l.value && u(o.value);
-    }
-  }
-  return { onResize: f };
-}
-const qt = /* @__PURE__ */ z({
-  name: "FPopover",
-  props: Vt,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const o = h(), c = h(), i = h(e.reference), l = h(e.keepWidthWithReference), u = k(() => !!e.title), d = Gt(e), {
-      host: f
-    } = d, n = Ht(e, o, c, d), {
-      position: r,
-      arrowStyle: a,
-      popoverStyle: s,
-      fitToReference: m,
-      locateToReference: b
-    } = n, {
-      showPopover: C,
-      hidePopverOnClickBodyHandler: N
-    } = Xt(e, t, o, c, i, l, n), {
-      onResize: D
-    } = _t(e, t, i, l, n), E = k(() => {
-      const $ = `popover in popover-${r.value}`, O = `bs-popover-${r.value}`, v = {
-        "popover-fitcontent": e.fitContent
-      };
-      return v[$] = !0, v[O] = !0, (e.class || "").split(" ").reduce((w, M) => (w[M] = !0, w), v), v;
-    }), W = k(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return Y(() => {
-      e.reference && b(i.value), l.value && m(i.value), window.addEventListener("resize", D);
-    }), it(() => {
-      document.body.removeEventListener("click", N), window.removeEventListener("resize", D);
-    }), () => g(ct, {
-      to: f
-    }, {
-      default: () => {
-        var $;
-        return [at(g("div", {
-          ref: c,
-          class: E.value,
-          style: s.value,
-          onClick: (O) => {
-            O.stopPropagation();
-          }
-        }, [g("div", {
-          ref: o,
-          class: "popover-arrow arrow",
-          style: a.value
-        }, null), u.value && g("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), g("div", {
-          class: W.value
-        }, [t.slots.default && (($ = t.slots) == null ? void 0 : $.default())])]), [[lt, C.value]])];
-      }
-    });
-  }
-});
-function Jt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ut(e);
-}
-function Ut(e, t, o) {
-  const {
-    hidePopup: c,
-    onClickDropdownMenuItem: i,
-    popoverRef: l
-  } = o;
-  function u(f) {
-    return g(st, null, [f.divider && g("div", {
-      class: "dropdown-divider"
-    }, null), g("div", {
-      id: f.id,
-      class: "dropdown-item" + (f.disabled ? " disabled" : ""),
-      onClick: (n) => i(n, f)
-    }, [f.icon && g("i", {
-      class: "f-icon dropdown-item-icon" + f.icon
-    }, null), g("span", null, [f.text])])]);
-  }
-  function d(f) {
-    let n;
-    return g(qt, {
-      id: `${e.id}-popover`,
-      ref: l,
-      visible: !0,
-      placement: "bottom-left",
-      host: t.value,
-      fitContent: !0,
-      onHidden: c,
-      minWidth: 120
-    }, Jt(n = f.map((r) => u(r))) ? n : {
-      default: () => [n]
-    });
-  }
-  return {
-    renderDropdownMenu: d
-  };
-}
-function x(e, t) {
-  const o = h(), c = h(), i = Rt(e, t, c), {
-    onMouseleaveDropdownButton: l,
-    onClickDropdownButton: u,
-    shouldPopupContent: d
-  } = i, {
-    renderDropdownMenu: f
-  } = Ut(e, o, i);
-  function n(r) {
-    return g("div", {
-      class: "btn-group f-btn-group-dropdown",
-      ref: o,
-      onMouseleave: l
-    }, [g("button", {
-      title: "button",
-      ref: c,
-      type: "button",
-      class: "f-btn-dropdown",
-      onClick: u
-    }, [g("span", {
-      class: "f-icon f-icon-lookup"
-    }, null)]), d.value && f(r)]);
-  }
-  return {
-    renderDropdownButton: n
-  };
-}
-const V = /* @__PURE__ */ z({
-  name: "FButtonGroup",
-  props: X,
-  emits: ["click", "changeState", "change", "clickMenuOut"],
-  setup(e, t) {
-    const o = h(), c = e.data && e.data.slice(0, e.count) || [], i = e.data && e.data.slice(e.count) || [], l = function(n) {
-      const r = {
-        btn: !0,
-        "f-btn-ml": n.type && n.type !== "link",
-        "btn-link": !!n.icon || !n.type,
-        "btn-icontext": !!n.icon,
-        disabled: n.disabled
-      };
-      return n.type && (r[`btn-${n.type}`] = !0), r;
-    };
-    function u(n, r) {
-      n.stopPropagation(), !r.disabled && (t.emit("change", r.id), t.emit("click", r));
-    }
-    function d(n) {
-      return g("div", null, [g("button", {
-        type: "button",
-        id: n.id,
-        title: n.id,
-        class: l(n),
-        onClick: (r) => u(r, n)
-      }, [n.icon && g("i", {
-        class: `f-icon ${n.icon}`
-      }, null), !n.icon && n.text])]);
-    }
-    const {
-      renderDropdownButton: f
-    } = x(e, t);
-    return () => g("div", {
-      class: "f-btn-group",
-      style: "position:relative;",
-      ref: o
-    }, [g("div", {
-      class: (e.size === "large" ? "btn-group-lg" : "btn-group-sm") + " btn-group f-btn-group-links"
-    }, [c.map((n) => d(n))]), !!i.length && f(i)]);
-  }
-});
-function Qt(e, t, o) {
-  var O;
-  function c() {
-    o != null && o.resolveComponentContext && o.resolveComponentContext();
-  }
-  c();
-  const i = o && o.getStyles && o.getStyles() || "", l = o && o.getDesignerClass && o.getDesignerClass() || "", u = h();
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : o && o.checkCanMoveComponent ? o.checkCanMoveComponent() : !0;
-  }
-  function f() {
-    return !1;
-  }
-  function n() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : o && o.checkCanDeleteComponent ? o.checkCanDeleteComponent() : !0;
-  }
-  function r() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : o && o.hideNestedPaddingInDesginerView ? o.hideNestedPaddingInDesginerView() : !1;
-  }
-  function a(v) {
-    if (!v || !v.value)
-      return null;
-    if (v.value.schema && v.value.schema.type === "component")
-      return v.value;
-    const P = h(v == null ? void 0 : v.value.parent), w = a(P);
-    return w || null;
-  }
-  function s(v = t) {
-    const { componentInstance: P, designerItemElementRef: w } = v;
-    return !P || !P.value ? null : P.value.canMove ? w : s(v.parent);
-  }
-  function m(v) {
-    return !!o && o.canAccepts(v);
-  }
-  function b() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function C() {
-  }
-  function N(v, P) {
-    P && o != null && o.onAcceptMovedChildElement && o.onAcceptMovedChildElement(P);
-  }
-  function D(v) {
-    const { componentType: P } = v;
-    let w = G(P, v);
-    o && o.onResolveNewComponentSchema && (w = o.onResolveNewComponentSchema(v, w));
-    const M = P.toLowerCase().replace("-", "_");
-    return w && !w.id && w.type === P && (w.id = `${M}_${Math.random().toString().slice(2, 6)}`), w;
-  }
-  function E(v, P) {
-    const w = String(v.getAttribute("data-controltype")), M = v.getAttribute("data-feature"), F = M ? JSON.parse(M) : {};
-    F.parentComponentInstance = u.value;
-    let L = G(w, F);
-    o && o.onAcceptNewChildElement && (L = o.onAcceptNewChildElement(v, P, L));
-    const R = w.toLowerCase().replace("-", "_");
-    return L && !L.id && L.type === w && (L.id = `${R}_${Math.random().toString().slice(2, 6)}`), L;
-  }
-  function W(v) {
-  }
-  function $() {
-    return o && o.getPropsConfig ? o.getPropsConfig() : [];
-  }
-  return u.value = {
-    canMove: d(),
-    canSelectParent: f(),
-    canDelete: n(),
-    canNested: !r(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: i,
-    designerClass: l,
-    canAccepts: m,
-    getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: s,
-    getDraggingDisplayText: b,
-    getPropConfig: $,
-    getDragScopeElement: C,
-    onAcceptMovedChildElement: N,
-    onAcceptNewChildElement: E,
-    onChildElementMovedOut: W,
-    addNewChildComponentSchema: D,
-    updateDragAndDropRules: c,
-    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!o && o.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
-  }, u;
-}
-const Yt = /* @__PURE__ */ z({
-  name: "FButtonGroupDesign",
-  props: X,
-  emits: ["click", "changeState", "change", "clickMenuOut"],
-  setup(e, t) {
-    const o = h(), c = pt("design-item-context"), i = Qt(o, c);
-    Y(() => {
-      o.value.componentInstance = i;
-    }), t.expose(i.value);
-    const l = e.data && e.data.slice(0, e.count) || [], u = e.data && e.data.slice(e.count) || [], d = function(r) {
-      const a = {
-        btn: !0,
-        "f-btn-ml": r.type && r.type !== "link",
-        "btn-link": !!r.icon || !r.type,
-        "btn-icontext": !!r.icon,
-        disabled: r.disabled
-      };
-      return r.type && (a[`btn-${r.type}`] = !0), a;
-    };
-    function f(r) {
-      return g("div", null, [g("button", {
-        type: "button",
-        id: r.id,
-        title: r.id,
-        class: d(r)
-      }, [r.icon && g("i", {
-        class: `f-icon ${r.icon}`
-      }, null), !r.icon && r.text])]);
-    }
-    const {
-      renderDropdownButton: n
-    } = x(e, t);
-    return () => g("div", {
-      class: "f-btn-group",
-      style: "position:relative;",
-      ref: o
-    }, [g("div", {
-      class: (e.size === "large" ? "btn-group-lg" : "btn-group-sm") + " btn-group f-btn-group-links"
-    }, [l.map((r) => f(r))]), !!u.length && n(u)]);
-  }
-}), xt = {
-  install(e) {
-    e.component(J.name, J), e.component(V.name, V);
-  },
-  register(e, t, o) {
-    e["button-group"] = V, t["button-group"] = U;
-  },
-  registerDesigner(e, t, o) {
-    e["button-group"] = Yt, t["button-group"] = U;
-  }
-};
-export {
-  J as FButton,
-  V as FButtonGroup,
-  X as buttonGroupProps,
-  dt as buttonProps,
-  xt as default,
-  U as propsResolver
-};