@farris/ui-vue 1.1.0 → 1.1.1

package/tabs/index.esm.js

@@ -1,4688 +0,0 @@
-var Ze = Object.defineProperty;
-var Qe = (e, t, n) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var z = (e, t, n) => (Qe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { ref as I, nextTick as ne, computed as M, createVNode as p, defineComponent as ee, watch as oe, onMounted as K, withDirectives as Xe, vModelText as Ye, createTextVNode as pe, Fragment as Ke, getCurrentInstance as Ee, onUnmounted as fe, shallowRef as re, provide as de, inject as X, isVNode as Ae, onBeforeUnmount as et } from "vue";
-import { cloneDeep as tt } from "lodash-es";
-const ge = {}, ke = {};
-function Ce(e) {
-  const { properties: t, title: n } = e, a = Object.keys(t).reduce((l, d) => (l[d] = t[d].type === "object" && t[d].properties ? Ce(t[d]) : tt(t[d].default), l), {});
-  return a.id = `${n}-${Date.now()}`, a;
-}
-function se(e, t = {}) {
-  const n = ge[e];
-  if (n) {
-    let a = Ce(n);
-    const l = ke[e];
-    return a = l ? l({ getSchemaByType: se }, a, t) : a, a;
-  }
-  return null;
-}
-function nt(e, t) {
-  const n = Ce(t);
-  return Object.keys(e).reduce((a, l) => (a[l] = e[l], a), n), n;
-}
-function ot(e, t) {
-  return Object.keys(e).filter((a) => e[a] != null).reduce((a, l) => {
-    if (t.has(l)) {
-      const d = t.get(l);
-      if (typeof d == "string")
-        a[d] = e[l];
-      else {
-        const h = d(l, e[l], e);
-        Object.assign(a, h);
-      }
-    } else
-      a[l] = e[l];
-    return a;
-  }, {});
-}
-function st(e, t, n = /* @__PURE__ */ new Map()) {
-  const a = nt(e, t);
-  return ot(a, n);
-}
-function at(e = {}) {
-  function t(T, g, r, u) {
-    if (typeof r == "number")
-      return u[T].length === r;
-    if (typeof r == "object") {
-      const v = Object.keys(r)[0], m = r[v];
-      if (v === "not")
-        return Number(u[T].length) !== Number(m);
-      if (v === "moreThan")
-        return Number(u[T].length) >= Number(m);
-      if (v === "lessThan")
-        return Number(u[T].length) <= Number(m);
-    }
-    return !1;
-  }
-  function n(T, g, r, u) {
-    return u[g] && u[g].propertyValue && String(u[g].propertyValue.value) === String(r);
-  }
-  const a = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((T, g) => (T.set(g, e[g]), T), a);
-  function l(T, g) {
-    const r = T;
-    return typeof g == "number" ? [{ target: r, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: r, operator: "getProperty", param: T, value: !!g }] : typeof g == "object" ? Object.keys(g).map((u) => {
-      if (u === "length")
-        return { target: r, operator: "length", param: null, value: g[u] };
-      const v = u, m = g[u];
-      return { target: r, operator: T, param: v, value: m };
-    }) : [];
-  }
-  function d(T) {
-    return Object.keys(T).reduce((r, u) => {
-      const v = l(u, T[u]);
-      return r.push(...v), r;
-    }, []);
-  }
-  function h(T, g) {
-    if (a.has(T.operator)) {
-      const r = a.get(T.operator);
-      return r && r(T.target, T.param, T.value, g) || !1;
-    }
-    return !1;
-  }
-  function S(T, g) {
-    return d(T).reduce((v, m) => v && h(m, g), !0);
-  }
-  function x(T, g) {
-    const r = Object.keys(T), u = r.includes("allOf"), v = r.includes("anyOf"), m = u || v, c = (m ? T[m ? u ? "allOf" : "anyOf" : "allOf"] : [T]).map(($) => S($, g));
-    return u ? !c.includes(!1) : c.includes(!0);
-  }
-  return { parseValueSchema: x };
-}
-const Ne = {}, rt = {};
-at();
-function ie(e, t, n = /* @__PURE__ */ new Map(), a = (h, S, x) => S, l = {}, d = (h) => h) {
-  return ge[t.title] = t, ke[t.title] = a, Ne[t.title] = l, rt[t.title] = d, (h = {}) => {
-    const S = st(h, t, n), x = Object.keys(e).reduce((T, g) => (T[g] = e[g].default, T), {});
-    return Object.assign(x, S);
-  };
-}
-function be(e, t) {
-  return { customClass: t.class };
-}
-const lt = /* @__PURE__ */ new Map([
-  ["appearance", be]
-]);
-function it(e, t, n) {
-  const a = e.getSchemaByType("tab-page");
-  return t.contents = [a], t;
-}
-const ct = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-design.gitee.io/tabs.schema.json", dt = "tabs", pt = "A Farris Container Component", ft = "object", bt = {
-  id: {
-    description: "The unique identifier for a Tabs",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Tabs component",
-    type: "string",
-    default: "tabs"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  }
-}, mt = [
-  "id",
-  "type",
-  "contents"
-], ht = {
-  $schema: ct,
-  $id: ut,
-  title: dt,
-  description: pt,
-  type: ft,
-  properties: bt,
-  required: mt
-}, vt = "tabs", yt = "A Farris Container Component", gt = "object", Ct = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "Splitter",
-          enum: []
-        }
-      },
-      title: {
-        title: "标题",
-        type: "string",
-        description: "标题"
-      }
-    }
-  },
-  appearance: {
-    description: "",
-    title: "外观",
-    properties: {
-      size: {
-        description: "",
-        type: "cascade",
-        title: "尺寸",
-        properties: {
-          width: {
-            description: "组件的宽度",
-            title: "宽度（px）",
-            type: "number",
-            min: 0,
-            decimals: 0
-          },
-          height: {
-            description: "组件的高度",
-            title: "高度（px）",
-            type: "number",
-            min: 0,
-            decimals: 0
-          }
-        }
-      },
-      titleWidth: {
-        description: "标题区域宽度占页面比",
-        type: "number",
-        title: "标题区域宽度（%）",
-        min: 0,
-        decimals: 0,
-        max: 100
-      },
-      autoTitleWidth: {
-        description: "开启，则显示全部字符；关闭，最多显示7个字符",
-        type: "select",
-        title: "标题自适应宽度",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        },
-        defaultValue: !1
-      },
-      contentFill: {
-        description: "flex布局下，填充满剩余部分",
-        type: "select",
-        title: "填充",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        },
-        defaultValue: !1
-      }
-    }
-  },
-  behavior: {
-    description: "",
-    title: "行为",
-    properties: {
-      visible: {
-        description: "运行时组件是否可见",
-        type: "boolean",
-        title: "是否可见",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, Tt = {
-  title: vt,
-  description: yt,
-  type: gt,
-  categories: Ct
-}, Te = {
-  tabType: { type: String, default: "default" },
-  autoTitleWidth: { type: Boolean, default: !1 },
-  titleLength: { type: Number, default: 7 },
-  position: { type: String, default: "top" },
-  showDropdown: { type: Boolean, default: !0 },
-  scrollStep: { type: Number, default: 10 },
-  autoResize: { type: Boolean, default: !1 },
-  selectedTab: { type: String, default: "" },
-  width: { type: Number },
-  height: { type: Number },
-  searchBoxVisible: { type: Boolean, default: !0 },
-  titleWidth: { type: Number, default: 0 },
-  customClass: { type: String, default: "" },
-  activeId: { type: String },
-  fill: { type: Boolean, default: !1 },
-  justifyContent: { type: String, default: "left" }
-}, De = ie(Te, ht, lt, it, Tt);
-function wt(e, t, n) {
-  const a = I([]), l = I(e.activeId || ""), d = I(!0), h = I([]);
-  function S(i) {
-    const f = i.value.findIndex((c) => c.props.show !== !1 && !l.value && !c.props.disabled);
-    !l.value && f !== -1 && (l.value = i.value[f].props.id);
-  }
-  function x(i) {
-    var c;
-    if (e.autoTitleWidth)
-      return;
-    const f = (c = i.value) == null ? void 0 : c.querySelectorAll(".st-tab-text");
-    if (f)
-      for (let w = 0; w < f.length; w++) {
-        const $ = f[w].parentNode;
-        f[w].scrollWidth > $.offsetWidth ? f[w].classList.contains("farris-title-text-custom") || f[w].classList.add("farris-title-text-custom") : f[w].classList.remove("farris-title-text-custom");
-      }
-  }
-  const T = (i) => {
-    i.preventDefault(), i.stopPropagation();
-  };
-  function g(i, f, c = !1) {
-    const w = a.value.findIndex(($) => $.props.id === f);
-    a.value = a.value.filter(($) => $.props.id !== f), l.value === f && (l.value = "", S(a)), T(i), ne(() => {
-      x(n), c && (d.value = !0), t.emit("tabRemove", {
-        removeIndex: w,
-        removeId: f,
-        activeId: l.value
-      });
-    });
-  }
-  function r(i) {
-    const f = l.value;
-    l.value = i;
-    const c = a.value.find((w) => w.props.id === i);
-    h.value = [], c && c.props.toolbar && c.props.toolbar.contents && c.props.toolbar.contents.length && (h.value = [...c.props.toolbar.contents]), t.emit("tabChange", {
-      prevId: f,
-      nextId: l.value
-    });
-  }
-  function u(i) {
-    r(i);
-  }
-  function v(i) {
-    a.value.findIndex((c) => c.props.id === i.props.id) === -1 && a.value.push(i);
-  }
-  function m(i) {
-    a.value.findIndex((c) => c.props.id === i.props.id) !== -1 && (a.value.forEach((c) => {
-      c.props.id === i.props.id && (c = i);
-    }), ne(() => {
-      x(n);
-    }));
-  }
-  return {
-    activeId: l,
-    addTab: v,
-    changeTitleStyle: x,
-    removeTab: g,
-    selectTab: u,
-    selectTabByTabId: r,
-    tabPages: a,
-    updateTab: m,
-    toolbarItems: h
-  };
-}
-function St(e, t, n, a, l) {
-  const {
-    activeId: d,
-    removeTab: h,
-    selectTab: S
-  } = l, x = M(() => ({
-    "st-tab-text": !0,
-    "farris-title-auto": e.autoTitleWidth
-  })), T = M(() => ({
-    "nav-item": !0,
-    "d-none": t.show !== void 0 ? !t.show : !1,
-    "f-state-active": t.id === d.value,
-    "f-state-disable": t.disabled
-  })), g = M(() => ({
-    width: `${t.tabWidth}px`
-  })), r = M(() => ({
-    "nav-link": !0,
-    "tabs-text-truncate": !0,
-    active: t.id === d.value,
-    disabled: t.disabled
-  }));
-  function u(w) {
-    return p("span", {
-      class: x.value,
-      title: w.title
-    }, [w.title]);
-  }
-  function v(w) {
-    return w.slots.title ? w.slots.title : u;
-  }
-  const m = v(n), i = I(t.removeable);
-  function f() {
-    return p("span", {
-      class: "st-drop-close",
-      onClick: (w) => h(w, t.id)
-    }, [p("i", {
-      class: "f-icon f-icon-close"
-    }, null)]);
-  }
-  function c(w) {
-    S(t.id), e.tabType === "one-page" && a.scrollToByPaggId(t.id);
-  }
-  return p("li", {
-    class: T.value,
-    style: g.value
-  }, [p("a", {
-    class: r.value,
-    onClick: c
-  }, [m(t), i.value && f()])]);
-}
-function xt(e, t, n, a, l) {
-  const {
-    shouldShowNavigationButtons: d
-  } = n, {
-    tabPages: h
-  } = l, S = M(() => ({
-    spacer: !0,
-    "f-utils-fill": !0,
-    "spacer-sides-dropdown": d.value
-  })), x = M(() => ({
-    width: "100%",
-    "justify-content": e.justifyContent
-  })), T = M(() => ({
-    nav: !0,
-    "farris-nav-tabs": !0,
-    "flex-nowrap": !0,
-    "nav-fill": e.fill || e.tabType === "fill",
-    "nav-pills": e.tabType === "pills",
-    "flex-row": e.position === "top" || e.position === "bottom",
-    "flex-column": e.position === "left" || e.position === "right"
-  }));
-  return () => p("div", {
-    class: S.value,
-    style: x.value
-  }, [p("ul", {
-    class: T.value,
-    ref: t
-  }, [h.value.map((g) => St(e, g.props, g, a, l))])]);
-}
-const jt = "https://json-schema.org/draft/2020-12/schema", Dt = "https://farris-design.gitee.io/capsule.schema.json", Bt = "capsule", Ot = "A Farris Component", $t = "object", It = {
-  id: {
-    description: "The unique identifier for a capsule",
-    type: "string"
-  },
-  type: {
-    description: "The type string of capsule component",
-    type: "string",
-    default: "capsule"
-  },
-  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"
-], Pt = {
-  $schema: jt,
-  $id: Dt,
-  title: Bt,
-  description: Ot,
-  type: $t,
-  properties: It,
-  required: Mt
-}, Et = /* @__PURE__ */ new Map([
-  ["appearance", be]
-]);
-function At(e, t, n) {
-  return t;
-}
-const kt = "capsule", Nt = "A Farris Component", Lt = "object", _t = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Ft = {
-  title: kt,
-  description: Nt,
-  type: Lt,
-  categories: _t
-}, Le = {
-  items: {
-    Type: Array,
-    default: [
-      { name: "升序", value: "asc", icon: "f-icon f-icon-col-ascendingorder" },
-      { name: "降序", value: "desc", icon: "f-icon f-icon-col-descendingorder" }
-    ]
-  },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  type: { type: String, default: "primary" }
-}, Ht = {
-  name: { type: String, default: "" },
-  value: { type: String, default: "" },
-  isActive: { type: Boolean, default: !1 },
-  icon: { type: String, default: "" },
-  index: { type: Number, default: 0 }
-};
-ie(Le, Pt, Et, At, Ft);
-const Rt = /* @__PURE__ */ ee({
-  name: "FCapsuleItem",
-  props: Ht,
-  emits: ["mounted", "active"],
-  setup(e, t) {
-    const n = I(), a = I(e.isActive);
-    oe(() => e.isActive, (h) => {
-      a.value = h;
-    });
-    const l = M(() => ({
-      "f-capsule-item": !0,
-      "f-capsule-active-item": a.value
-    }));
-    K(() => {
-      t.emit("mounted", n, e.value);
-    });
-    function d(h) {
-      t.emit("active", h, {
-        name: e.name,
-        value: e.value
-      });
-    }
-    return () => p("div", {
-      ref: n,
-      class: l.value,
-      onClick: (h) => d(h)
-    }, [e.icon && p("i", {
-      class: e.icon
-    }, null), e.name]);
-  }
-}), Wt = /* @__PURE__ */ ee({
-  name: "FCapsule",
-  props: Le,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const n = I(e.items), a = I(), l = 2, d = I(e.modelValue), h = I("none"), S = I(e.type), x = M(() => {
-      const y = {
-        "f-capsule-container": !0
-      };
-      return S.value && (y[S.value] = !0), y;
-    }), T = M(() => ({})), g = M(() => ({
-      "f-capsule": !0
-    })), r = I(l), u = I(0), v = I(0), m = M(() => ({
-      left: `${r.value}px`,
-      width: `${u.value}px`,
-      transition: h.value
-    })), i = M(() => ({
-      width: `${v.value}px`
-    })), f = /* @__PURE__ */ new Map();
-    function c(y) {
-      var D;
-      if (f.has(y.value)) {
-        const O = (D = f.get(y.value)) == null ? void 0 : D.value;
-        if (O) {
-          const j = O.getBoundingClientRect(), o = a.value.getBoundingClientRect();
-          r.value = j.left - o.left + l + a.value.scrollLeft, u.value = j.width - 2 * l;
-        }
-      }
-    }
-    function w(y, D) {
-      const O = y.value;
-      d.value = O, t.emit("update:modelValue", O), c(y), D && t.emit("change", O);
-    }
-    function $(y) {
-      const D = n.value.findIndex((O) => O.value === y);
-      D > -1 && w(n.value[D], !1);
-    }
-    oe(() => e.modelValue, (y) => {
-      d.value = y, $(d.value);
-    }), oe(() => e.items, async (y) => {
-      n.value = y, await ne(), $(d.value), v.value = Array.from(f.values()).reduce((D, O) => (D += O.value.clientWidth, D), 0);
-    }), K(async () => {
-      $(d.value), await ne(), h.value = "0.1s ease-out all", v.value = Array.from(f.values()).reduce((y, D) => (y += D.value.clientWidth, y), 0);
-    });
-    function N(y, D) {
-      w(D, !0);
-    }
-    function k(y, D) {
-      f.set(D, y);
-    }
-    function B(y, D) {
-      return p(Rt, {
-        name: y.name,
-        value: y.value,
-        isActive: y.value === d.value,
-        index: D,
-        onMounted: k,
-        onActive: N
-      }, null);
-    }
-    return () => p("span", {
-      ref: a,
-      class: x.value,
-      style: T.value
-    }, [p("span", {
-      class: "f-capsule-pane"
-    }, [n.value.map((y, D) => B(y, D))]), p("small", {
-      class: g.value,
-      style: m.value
-    }, null), p("div", {
-      class: "f-capsule-board",
-      style: i.value
-    }, null)]);
-  }
-});
-function _e(e, t, n, a, l) {
-  const d = I(), {
-    shouldShowNavigationButtons: h
-  } = n, {
-    activeId: S,
-    tabPages: x
-  } = l, T = M(() => x.value.map((v) => ({
-    name: v.props.title,
-    value: v.props.id
-  }))), g = M(() => ({
-    spacer: !0,
-    "f-utils-fill": !0,
-    "spacer-sides-dropdown": h.value
-  })), r = M(() => ({
-    width: "100%",
-    display: "flex",
-    "justify-content": e.justifyContent
-  }));
-  K(() => {
-    d.value && (t.value = d.value.$el);
-  });
-  function u() {
-  }
-  return () => p("div", {
-    class: g.value,
-    style: r.value
-  }, [p(Wt, {
-    items: T.value,
-    modelValue: S.value,
-    "onUpdate:modelValue": (v) => S.value = v,
-    onChange: u,
-    ref: d
-  }, null)]);
-}
-function Vt(e, t, n, a) {
-  const {
-    activeId: l,
-    removeTab: d,
-    tabPages: h
-  } = a, {
-    selectAndScrollToTab: S
-  } = n, {
-    hideDropDown: x,
-    searchTabText: T
-  } = t, g = I("auto"), r = M(() => {
-    var w, $;
-    let c = [];
-    return e.searchBoxVisible ? c = (w = h.value) == null ? void 0 : w.filter((N) => N.props.title.includes(T.value)) : c = ($ = h.value) == null ? void 0 : $.slice(), c;
-  }), u = M(() => ({
-    "dropdown-menu": !0,
-    "tabs-pt28": e.searchBoxVisible,
-    show: !x.value
-  }));
-  function v(c) {
-    return {
-      "dropdown-item": !0,
-      "text-truncate": !0,
-      "px-2": !0,
-      disabled: c.props.disabled,
-      active: c.props.id === l.value,
-      "d-none": c.props.show !== !0
-    };
-  }
-  function m(c) {
-    c.preventDefault(), c.stopPropagation();
-  }
-  const i = () => ({
-    width: g.value
-  });
-  function f() {
-    return p("div", {
-      class: u.value
-    }, [e.searchBoxVisible && p("div", {
-      onClick: (c) => m(c),
-      class: "pb-1 tabs-li-absolute"
-    }, [Xe(p("input", {
-      title: "search-box",
-      type: "text",
-      class: "form-control k-textbox",
-      "onUpdate:modelValue": (c) => T.value = c
-    }, null), [[Ye, T.value]]), p("span", {
-      class: "f-icon f-icon-page-title-query tabs-icon-search"
-    }, null)]), r.value.length ? p("ul", {
-      class: "tab-dropdown-menu--items",
-      style: i()
-    }, [r.value.map((c) => p("li", {
-      class: v(c),
-      onClick: (w) => S(w, c.props)
-    }, [c.props.removeable && p("span", {
-      class: "float-right st-drop-close",
-      onClick: (w) => d(w, c.props.id, !0)
-    }, [p("i", {
-      class: "f-icon f-icon-close"
-    }, null)]), p("a", {
-      class: "dropdown-title"
-    }, [c.props.title])]))]) : p("div", {
-      class: "dropdown-no-data"
-    }, [pe("没有相关数据")])]);
-  }
-  return {
-    renderDropdownMenu: f
-  };
-}
-function Fe(e, t, n, a) {
-  const {
-    hideDropDown: l
-  } = t, {
-    renderDropdownMenu: d
-  } = Vt(e, t, n, a), h = I(e.showDropdown);
-  function S() {
-    return h.value && p(Ke, null, [p("button", {
-      title: "toggle-button",
-      class: "btn dropdown-toggle-split dropdown-toggle",
-      onClick: () => {
-        l.value = !1;
-      }
-    }, null), d()]);
-  }
-  return {
-    renderMorePagesButtton: S
-  };
-}
-function He(e, t, n, a) {
-  const l = I(!1), { selectTabByTabId: d, tabPages: h } = a, S = 4;
-  function x() {
-    var c;
-    const i = t.value, f = (c = t.value) == null ? void 0 : c.parentElement;
-    l.value = f && i && f.offsetWidth < i.scrollWidth - S;
-  }
-  const T = M(() => ({
-    btn: !0,
-    "sc-nav-btn": !0,
-    "px-1": !0,
-    "sc-nav-lr": !0,
-    "d-none": !l.value
-  })), g = M(() => ({
-    "btn-group": !0,
-    "sc-nav-btn": !0,
-    dropdown: !0,
-    "d-none": !l.value
-  })), r = M(() => ({
-    btn: !0,
-    "sc-nav-rg": !0,
-    "d-none": !l.value
-  }));
-  function u(i, f) {
-    if (!t.value)
-      return;
-    const c = t.value.scrollLeft, w = t.value.scrollWidth - t.value.offsetWidth;
-    if (f > 0) {
-      if (t.value.scrollLeft >= w)
-        return;
-      t.value.scrollLeft = c + e.scrollStep + i;
-    } else if (f < 0) {
-      if (t.value.scrollLeft <= 0)
-        return;
-      t.value.scrollLeft = c - e.scrollStep - i;
-    }
-  }
-  function v(i) {
-    if (!l.value || !t.value)
-      return;
-    const f = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", c = t.value.querySelectorAll(f), { parentElement: w } = t.value, $ = c[i];
-    if ($ && w) {
-      const N = w.getBoundingClientRect().left, k = w.getBoundingClientRect().right, B = $.getBoundingClientRect().left, y = $.getBoundingClientRect().right;
-      B < N ? u(N - B, -1) : k < y && u(y - k, 1), e.tabType === "one-page" && n.scrollTo(i);
-    }
-  }
-  function m(i, f) {
-    if (f.disabled)
-      return;
-    d(f.id);
-    const c = h.value.findIndex((w) => w.props.id === f.id);
-    ne(() => {
-      v(c);
-    });
-  }
-  return {
-    previousButtonClass: T,
-    nextButtonGroupClass: g,
-    nextButtonClass: r,
-    scrollTab: u,
-    selectAndScrollToTab: m,
-    shouldShowNavigationButtons: l,
-    updateNavigationLayout: x
-  };
-}
-function Re(e, t) {
-  const { tabPages: n } = t, a = I(""), l = I(!0), d = M(() => e.searchBoxVisible), h = M(() => d.value ? n.value.filter((x) => x.props.title.includes(a.value)) : n.value.slice());
-  return {
-    searchTabText: a,
-    hideDropDown: l,
-    shouldShowSearchBox: d,
-    tabsInDropdownMenu: h
-  };
-}
-function We(e, t, n) {
-  const a = ".farris-tab-page", { tabPages: l } = n;
-  function d(S) {
-    const x = t.value;
-    if (x) {
-      const T = t.value.querySelectorAll(a);
-      if (T.length > 0) {
-        const g = T[S], { offsetTop: r } = g, u = r - 32 > 0 ? r - 32 : 0;
-        x.scrollTop = u;
-      }
-    }
-  }
-  function h(S) {
-    const x = l.value.findIndex((T) => T.props.id === S);
-    x > -1 && d(x);
-  }
-  return { scrollTo: d, scrollToByPaggId: h };
-}
-const qt = /* @__PURE__ */ new Map([
-  ["buttons", "items"]
-]);
-function zt(e, t, n) {
-  return t;
-}
-const Gt = "https://json-schema.org/draft/2020-12/schema", Ut = "https://farris-design.gitee.io/response-toolbar.schema.json", Jt = "response-toolbar", Zt = "A Farris Toolbar Component", Qt = "object", Xt = {
-  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: []
-  }
-}, Yt = [
-  "id",
-  "type",
-  "buttons"
-], Kt = {
-  $schema: Gt,
-  $id: Ut,
-  title: Jt,
-  description: Zt,
-  type: Qt,
-  properties: Xt,
-  required: Yt
-}, en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-design.gitee.io/response-toolbar-item.schema.json", nn = "response-toolbar-item", on = "A Farris Toolbar Item Component", sn = "object", an = {
-  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: ""
-  }
-}, rn = [
-  "id",
-  "type",
-  "text"
-], Be = {
-  $schema: en,
-  $id: tn,
-  title: nn,
-  description: on,
-  type: sn,
-  properties: an,
-  required: rn
-}, ln = "response-toolbar", cn = "A Farris Component", un = "object", dn = {
-  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"
-      }
-    }
-  }
-}, pn = {
-  title: ln,
-  description: cn,
-  type: un,
-  categories: dn
-}, fn = "response-toolbar-item", bn = "A Farris Container Component", mn = "object", hn = {
-  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: ""
-      }
-    }
-  }
-}, Oe = {
-  title: fn,
-  description: bn,
-  type: mn,
-  categories: hn
-}, we = {
-  /**  组件自定义样式 */
-  customClass: { type: String, default: "" },
-  alignment: { Type: String, default: "right" },
-  items: {
-    Type: Array,
-    default: []
-  }
-};
-ge[Be.title] = Be;
-Ne[Oe.title] = Oe;
-ie(
-  we,
-  Kt,
-  qt,
-  zt,
-  pn
-);
-class Ve {
-  constructor(t) {
-    /** 工具栏项标识 */
-    z(this, "id", "");
-    /** 工具栏项自定义样式 */
-    z(this, "class", "btn-secondary");
-    /** 图标 */
-    z(this, "icon", "");
-    /** 所属分组 */
-    z(this, "groupId", "");
-    /** 收藏顺序 */
-    z(this, "order", -1);
-    /** 是否作为下拉菜单的顶层按钮 */
-    z(this, "asDropDownTop", !1);
-    /** 文本 */
-    z(this, "text", "");
-    /** 是否可见 */
-    z(this, "visible", !0);
-    z(this, "responsed", !1);
-    /** 是否启用提示消息 */
-    z(this, "tipsEnable", !1);
-    /** 提示消息内容 */
-    z(this, "tipsText", "");
-    /** 记录宽度 */
-    z(this, "width", 0);
-    z(this, "onClick", () => {
-    });
-    z(this, "options");
-    this.options = t;
-    const n = [
-      "id",
-      "class",
-      "icon",
-      "groupId",
-      "order",
-      "asDropDownTop",
-      "text",
-      "isDP",
-      "visible",
-      "responsed",
-      "width",
-      "tipsEnable",
-      "tipsText",
-      "onClick"
-    ];
-    Object.keys(t).filter((a) => n.indexOf(a) > -1).forEach((a) => {
-      this[a] = t[a];
-    });
-  }
-  /** 是否可用 */
-  get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : M(() => !0);
-  }
-  /** 设置宽度 */
-  setWidth(t) {
-    this.width = parseInt(t, 10);
-  }
-  /** 获取宽度 */
-  getWidth() {
-    return this.visible ? this.width : !1;
-  }
-}
-class vn extends Ve {
-  constructor(t) {
-    super(t);
-  }
-}
-function Se() {
-  function e(t) {
-    const n = [];
-    return t.reduce((a, l) => (l.children && l.children.length > 0 ? a.push(new le(l)) : a.push(new vn(l)), a), n), n;
-  }
-  return { buildResponseToolbarItems: e };
-}
-const { buildResponseToolbarItems: yn } = Se();
-class le extends Ve {
-  constructor(n) {
-    super(n);
-    z(this, "placement", "");
-    // 下拉位置
-    /** 下拉class */
-    z(this, "dropdownClass", "");
-    /** 下拉菜单class */
-    z(this, "menuClass", "");
-    /** 是否用分开的下拉按钮 */
-    z(this, "split", !1);
-    z(this, "children", []);
-    z(this, "expanded", !1);
-    const a = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(n).filter((l) => a.indexOf(l) > -1).forEach((l) => {
-      this[l] = n[l];
-    }), n.children && n.children.length && (this.children = yn(n.children));
-  }
-}
-function qe() {
-  function e(n) {
-    const a = {
-      "f-icon": !0
-    };
-    if (n.icon) {
-      const l = n.icon.trim().split(" ");
-      l && l.length && l.reduce((d, h) => (d[h] = !0, d), a);
-    }
-    return a;
-  }
-  function t(n) {
-    return !!(n.icon && n.icon.trim());
-  }
-  return { iconClass: e, shouldShowIcon: t };
-}
-function gn(e) {
-  function t(r) {
-    const u = {
-      "dropdown-menu": !0
-    };
-    if (r.class) {
-      const v = r.menuClass.split(" ");
-      v && v.length && v.reduce((m, i) => (m[i] = !0, m), u);
-    }
-    return u;
-  }
-  function n(r) {
-    const u = {
-      disabled: !r.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, v = r.dropdownClass.split(" ");
-    return v && v.length && v.reduce((m, i) => (m[i] = !0, m), u), u;
-  }
-  function a(r) {
-    const u = {
-      disabled: !r.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0
-    }, v = r.class.split(" ");
-    return v && v.length && v.reduce((m, i) => (m[i] = !0, m), u), u;
-  }
-  let l;
-  const d = /* @__PURE__ */ new Map();
-  function h(r, u, v) {
-    var i;
-    ((i = r.target) == null ? void 0 : i.id) === u.id && r.stopPropagation();
-    const m = v ? v.id : "__top_item__";
-    if (u.children && u.children.length && (u.expanded = !u.expanded, u.expanded ? d.set(m, u) : d.delete(m)), d.has(m) && d.get(m) !== u) {
-      const f = d.get(m);
-      f && (f.expanded = !1);
-    }
-  }
-  function S(r, u) {
-    document.body.click(), u.enable && u.onClick(r, u.id);
-  }
-  function x(r) {
-    return r.children.map((u) => u.children && u.children.length ? p("li", {
-      class: n(u),
-      id: u.id,
-      onClick: (v) => u.enable && h(v, u, r)
-    }, [p("span", {
-      id: u.id,
-      class: a(u),
-      onMouseover: (v) => u.enable && h(v, u, r)
-    }, [u.text, p("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), l(u, u)]) : p("li", {
-      class: a(u),
-      id: u.id,
-      onClick: (v) => S(v, u),
-      onMouseover: (v) => u.enable && h(v, u, r)
-    }, [e.shouldShowIcon(u) && p("i", {
-      class: e.iconClass(u)
-    }, null), u.text]));
-  }
-  function T(r, u, v) {
-    const m = {
-      display: r.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, i = document.getElementsByTagName("body")[0].getClientRects()[0].width, f = u, c = f == null ? void 0 : f.getClientRects();
-    if (f && c && c.length) {
-      const {
-        top: w,
-        width: $,
-        left: N,
-        right: k,
-        height: B
-      } = c[0], y = Math.ceil(B + w);
-      m.top = `${y}px`, m.left = `${N}px`;
-      const D = r.id + "_menu", O = u ? u.querySelector("#" + D) : null;
-      if (O) {
-        m.display === "block" && (O.style.display = "block");
-        const j = O.getBoundingClientRect();
-        if (v) {
-          m.top = `${w - 6}px`;
-          const o = Math.ceil($ + N);
-          m.left = `${o}px`;
-        }
-        i - N - $ < j.width && (m.left = `${(v ? N : k) - j.width}px`);
-      }
-    }
-    return m;
-  }
-  l = function(r, u) {
-    var f, c;
-    const v = Ee(), m = u ? u.id : r.id, i = (c = (f = v == null ? void 0 : v.exposed) == null ? void 0 : f.elementRef.value) == null ? void 0 : c.querySelector("#" + m);
-    return p("ul", {
-      class: t(r),
-      style: T(r, i, u),
-      id: r.id + "_menu"
-    }, [x(r)]);
-  };
-  function g() {
-    d.forEach((r) => {
-      r.expanded = !1;
-    }), d.clear();
-  }
-  return {
-    renderDropdownMenu: l,
-    clearAllDropDownMenu: g
-  };
-}
-function Cn(e, t) {
-  const n = I(e.alignment), {
-    renderDropdownMenu: a,
-    clearAllDropDownMenu: l
-  } = gn(t);
-  function d(g) {
-    const r = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": n.value === "right",
-      "f-btn-mr": n.value === "left"
-    }, u = g.dropdownClass.split(" ");
-    return u && u.length && u.reduce((v, m) => (v[m] = !0, v), r), r;
-  }
-  function h(g) {
-    const r = {
-      btn: !0,
-      disabled: !g.enable,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(g.icon && g.icon.trim())
-    };
-    if (g.class) {
-      const u = g.class.split(" ");
-      u && u.length && u.reduce((v, m) => (v[m] = !0, v), r);
-    }
-    return r;
-  }
-  function S(g, r) {
-    g.stopPropagation();
-    const u = r.expanded;
-    document.body.click(), r.expanded = !u;
-  }
-  function x(g) {
-    return p("div", {
-      id: g.id,
-      class: d(g)
-    }, [p("div", {
-      class: h(g),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (r) => g.enable && S(r, g)
-    }, [t.shouldShowIcon(g) && p("i", {
-      class: t.iconClass(g)
-    }, null), p("span", null, [g.text]), p("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)]), a(g)]);
-  }
-  function T() {
-    l();
-  }
-  return {
-    renderToolbarDropdown: x,
-    clearAllDropDown: T
-  };
-}
-const {
-  buildResponseToolbarItems: $e
-} = Se(), ze = /* @__PURE__ */ ee({
-  name: "FResponseToolbar",
-  props: we,
-  emits: [],
-  setup(e, t) {
-    const n = I($e(e.items)), a = I(), l = I(), d = I(), h = I(e.alignment), S = {
-      id: "__more_buttons__",
-      text: "更多"
-    }, x = I(new le(S)), T = qe(), g = M(() => x.value.children.length > 0), r = M(() => {
-      const y = {
-        "f-toolbar": !0,
-        "f-response-toolbar": !0,
-        "position-relative": !0
-      };
-      if (e.customClass) {
-        const D = e.customClass.split(" ");
-        D && D.length && D.reduce((O, j) => (O[j] = !0, O), y);
-      }
-      return y;
-    }), u = M(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": h.value === "right",
-      "justify-content-start": h.value === "left"
-    })), {
-      renderToolbarDropdown: v,
-      clearAllDropDown: m
-    } = Cn(e, T);
-    function i() {
-      n.value.filter((y) => y.children && y.children.length > 0).forEach((y) => {
-        y.expanded = !1;
-      }), x.value.expanded = !1, m();
-    }
-    function f(y) {
-      const D = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": h.value === "right",
-        "f-btn-mr": h.value === "left",
-        "btn-icontext": !!(y.icon && y.icon.trim())
-      };
-      if (y.class) {
-        const O = y.class.split(" ");
-        O && O.length && O.reduce((j, o) => (j[o] = !0, j), D);
-      }
-      return D;
-    }
-    function c(y, D) {
-      document.body.click(), D.onClick(y, D.id);
-    }
-    function w(y) {
-      return p("button", {
-        type: "button",
-        class: f(y),
-        id: y.id,
-        disabled: !y.enable,
-        onClick: (D) => c(D, y)
-      }, [T.shouldShowIcon(y) && p("i", {
-        class: T.iconClass(y)
-      }, null), y.text]);
-    }
-    const $ = /* @__PURE__ */ new Map(), N = [];
-    function k(y) {
-      const D = d.value;
-      let O = y;
-      const j = Array.from(D.children), o = j[j.length - 1].id === "__more_buttons__" ? j[j.length - 1] : null;
-      if (o) {
-        const A = o.computedStyleMap().get("margin-left"), H = o.computedStyleMap().get("margin-right"), q = (A ? A.value : 0) + o.getBoundingClientRect().width + (H ? H.value : 0);
-        O -= q;
-      }
-      const b = j.filter((A) => A.id !== "__more_buttons__");
-      for (const A of b) {
-        const H = A.computedStyleMap().get("margin-left"), q = A.computedStyleMap().get("margin-right"), Y = (H ? H.value : 0) + A.getBoundingClientRect().width + (q ? q.value : 0);
-        O < Y ? ($.set(A.id, !0), N.push({
-          id: A.id,
-          width: Y
-        })) : O -= Y;
-      }
-      if (N.length)
-        for (let A = N.length - 1; A >= 0; A--) {
-          const H = N[A].width;
-          if (O >= H)
-            O -= H, $.delete(N[A].id), N.pop();
-          else
-            break;
-        }
-      const s = Object.assign({}, x.value);
-      s.children = [];
-      const C = new le(s), E = n.value.reduce((A, H) => ($.has(H.id) && C.children.push(H), H.visible = !$.has(H.id), A.push(H), A), []);
-      x.value = C, n.value = E;
-    }
-    const B = new ResizeObserver((y) => {
-      if (y.length) {
-        const O = y[0].contentRect.width, o = d.value.getBoundingClientRect().width;
-        (O < o || N.length) && (k(O), i());
-      }
-    });
-    return K(() => {
-      const y = l.value;
-      B.observe(y), document.body.addEventListener("click", i), document.body.addEventListener("wheel", i);
-    }), fe(() => {
-      B.disconnect(), document.body.removeEventListener("click", i), document.body.removeEventListener("wheel", i);
-    }), oe(() => e.items, () => {
-      n.value = $e(e.items);
-    }), t.expose({
-      elementRef: a
-    }), () => p("div", {
-      class: r.value,
-      ref: a
-    }, [p("div", {
-      ref: l,
-      class: u.value
-    }, [p("div", {
-      ref: d,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [n.value.filter((y) => y.visible).map((y) => y.children && y.children.length > 0 ? v(y) : w(y)), g.value && v(x.value)])])]);
-  }
-}), he = /* @__PURE__ */ ee({
-  name: "FTabs",
-  props: Te,
-  emits: ["tabChange", "tabRemove"],
-  setup(e, t) {
-    const n = I(e.tabType), a = re(), l = I(e.customClass), d = re(), h = re(), S = wt(e, t, d), {
-      activeId: x,
-      changeTitleStyle: T,
-      tabPages: g,
-      addTab: r,
-      updateTab: u,
-      selectTabByTabId: v,
-      toolbarItems: m
-    } = S, i = We(e, h, S), f = He(e, d, i, S), {
-      previousButtonClass: c,
-      nextButtonClass: w,
-      nextButtonGroupClass: $,
-      scrollTab: N,
-      updateNavigationLayout: k
-    } = f, B = Re(e, S), {
-      hideDropDown: y
-    } = B, D = xt(e, d, f, i, S), O = D, j = _e(e, d, f, i, S), o = /* @__PURE__ */ new Map([["default", D], ["one-page", O], ["pills", j]]);
-    M(() => {
-      const _ = g.value.find((R) => R.props.id === x.value);
-      return _ == null ? void 0 : _.slots;
-    });
-    const b = M(() => {
-      const _ = g.value.find((W) => W.props.id === x.value);
-      return (_ == null ? void 0 : _.props.toolbarPosition) === "inHead";
-    }), s = M(() => e.fill || e.tabType === "fill");
-    de("tabs", {
-      activeId: x,
-      addTab: r,
-      updateTab: u,
-      tabPages: g,
-      tabType: n,
-      shouldFillParentContaner: s
-    });
-    const C = M(() => e.tabType === "pills"), E = M(() => ({
-      "farris-tabs-header": !0,
-      "farris-tabs-inHead": b.value,
-      "farris-tabs-inContent": !b.value,
-      "farris-tabs-nav-fill": s.value,
-      "farris-tabs-nav-pills": C.value
-    })), A = M(() => ({
-      width: b.value && e.titleWidth ? `${e.titleWidth}%` : ""
-    })), H = M(() => {
-      const _ = {
-        "farris-tabs": !0,
-        "f-utils-fill-flex-column": s.value,
-        "flex-column": e.position === "top",
-        "flex-column-reverse": e.position === "bottom",
-        "flex-row": e.position === "left",
-        "flex-row-reverse": e.position === "right",
-        "one-page": e.tabType === "one-page"
-      };
-      return l.value && l.value.split(" ").reduce((R, W) => (R[W] = !0, R), _), _;
-    });
-    K(() => {
-      g.value.length && (x.value = e.activeId || g.value[0].props.id, v(x.value)), ne(() => {
-        k();
-      }), T(d), window.addEventListener("click", (_) => {
-        var R;
-        y.value || (R = a.value) != null && R.contains(_.target) || (y.value = !0);
-      }), window.addEventListener("resize", () => {
-        k();
-      });
-    });
-    function q() {
-      return p("button", {
-        title: "left-arrow-button",
-        type: "button",
-        class: c.value,
-        onClick: () => {
-          N(0, -1);
-        }
-      }, null);
-    }
-    function Y() {
-      return p("button", {
-        title: "right-arrow-button",
-        type: "button",
-        class: w.value,
-        onClick: () => {
-          N(0, 1);
-        }
-      }, null);
-    }
-    const {
-      renderMorePagesButtton: Z
-    } = Fe(e, B, f, S), Q = (_) => {
-      t.emit("Click", _);
-    };
-    function ae() {
-      return m.value.length ? p(ze, {
-        items: m.value,
-        onClick: Q
-      }, null) : null;
-    }
-    const te = o.get(e.tabType) || o.get("default");
-    function P() {
-      var _, R, W, V;
-      return p("div", {
-        class: E.value
-      }, [p("div", {
-        class: "farris-tabs-header-pre"
-      }, [(R = (_ = t.slots).headerPrefix) == null ? void 0 : R.call(_)]), p("div", {
-        class: "farris-tabs-title scroll-tabs",
-        style: A.value
-      }, [q(), te && te(), p("div", {
-        class: $.value
-      }, [Y(), Z()])]), ae(), p("div", {
-        class: "farris-tabs-header-post"
-      }, [(V = (W = t.slots).headerSuffix) == null ? void 0 : V.call(W)])]);
-    }
-    const L = M(() => ({
-      "farris-tabs-content": !0,
-      "f-utils-fill-flex-column": s.value
-    }));
-    function F() {
-      var _, R;
-      return p("div", {
-        class: L.value,
-        ref: h
-      }, [(R = (_ = t.slots).default) == null ? void 0 : R.call(_)]);
-    }
-    return () => p("div", {
-      class: H.value,
-      ref: a
-    }, [P(), F()]);
-  }
-}), Tn = /* @__PURE__ */ new Map([
-  ["appearance", be],
-  ["toolbar", wn]
-]);
-function wn(e, t, n) {
-  return t && t.contents && t.contents.length && t.contents.forEach((a) => {
-    a.title && (a.text = a.title);
-  }), { toolbar: t };
-}
-const Sn = "https://json-schema.org/draft/2020-12/schema", xn = "https://farris-design.gitee.io/tab-page.schema.json", jn = "tab-page", Dn = "A Farris Container Component", Bn = "object", On = {
-  id: {
-    description: "The unique identifier for a tab-page Item",
-    type: "string"
-  },
-  type: {
-    description: "The type string of tab-page Item component",
-    type: "string",
-    default: "tab-page"
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  title: {
-    description: "",
-    type: "string",
-    default: "标题"
-  },
-  toolbar: {
-    description: "",
-    type: "object"
-  }
-}, $n = [
-  "id",
-  "type",
-  "contents"
-], In = {
-  $schema: Sn,
-  $id: xn,
-  title: jn,
-  description: Dn,
-  type: Bn,
-  properties: On,
-  required: $n
-}, Mn = "tab-page", Pn = "A Farris Component", En = "object", An = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "工具栏按钮的标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      title: {
-        description: "工具栏按钮的标识",
-        title: "标题",
-        type: "string"
-      }
-    }
-  },
-  appearance: {
-    description: "",
-    title: "外观",
-    properties: {
-      appearance: {
-        description: "",
-        type: "cascade",
-        title: "样式",
-        properties: {
-          class: {
-            description: "组件的CSS样式",
-            title: "class样式",
-            type: "string"
-          },
-          style: {
-            description: "组件的内容样式",
-            title: "style样式",
-            type: "modal",
-            showClearButton: !0
-          },
-          height: {
-            description: "组件的高度",
-            title: "高度（px）",
-            type: "number",
-            min: 0,
-            decimals: 0
-          }
-        }
-      },
-      size: {
-        description: "",
-        type: "cascade",
-        title: "尺寸",
-        properties: {
-          width: {
-            description: "组件的宽度",
-            title: "宽度（px）",
-            type: "number",
-            min: 0,
-            decimals: 0
-          },
-          height: {
-            description: "组件的高度",
-            title: "高度（px）",
-            type: "number",
-            min: 0,
-            decimals: 0
-          }
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "",
-    title: "行为",
-    properties: {
-      visible: {
-        description: "运行时组件是否可见",
-        type: "boolean",
-        title: "是否可见",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        }
-      },
-      removeable: {
-        description: "是否可移除",
-        type: "boolean",
-        title: "是否可移除",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        }
-      },
-      headerTemplate: {
-        description: "标签页模板",
-        type: "modal",
-        title: "标签页模板",
-        editor: {
-          type: "code-editor"
-        },
-        editorParams: {
-          language: "html"
-        }
-      }
-    }
-  }
-}, kn = {
-  title: Mn,
-  description: Pn,
-  type: En,
-  categories: An
-}, xe = {
-  tabWidth: { type: Number, default: -1 },
-  id: { type: String, default: "" },
-  customTitleClass: { type: String, default: "" },
-  titleOverflow: { type: Boolean, default: !1 },
-  title: { type: String, default: "" },
-  selected: { type: Boolean, default: !1 },
-  disabled: { type: Boolean, default: !1 },
-  removeable: { type: Boolean, default: !1 },
-  show: { type: Boolean, default: !0 },
-  toolbar: { type: Object, default: {} },
-  toolbarPosition: { type: String, default: "inHead" }
-}, Ie = ie(xe, In, Tn, void 0, kn);
-function Nn(e, t, n) {
-  return t ? { enableAccordion: n.accordionMode } : { enableAccordion: "" };
-}
-function Ln(e, t) {
-  return {
-    buttons: t.contents,
-    buttonPosition: t.position
-  };
-}
-const _n = /* @__PURE__ */ new Map([
-  ["appearance", be],
-  ["expanded", "expandStatus"],
-  ["enableAccordion", Nn],
-  ["toolbar", Ln]
-]);
-function Fn(e, t, n) {
-  return t;
-}
-const Hn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/section.schema.json", Wn = "section", Vn = "A Farris Container Component", qn = "object", zn = {
-  id: {
-    description: "The unique identifier for a Section",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Section component",
-    type: "string",
-    default: "section"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  contentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  enableAccordion: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  accordionMode: {
-    description: "",
-    type: "string",
-    default: "default"
-  },
-  enableMaximize: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  expanded: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  fill: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  headerClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  size: {
-    description: "",
-    type: "object",
-    properties: {
-      width: {
-        type: "number"
-      },
-      height: {
-        type: "number"
-      }
-    },
-    default: null
-  },
-  showHeader: {
-    description: "",
-    type: "string",
-    default: !0
-  },
-  mainTitle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  subTitle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  headerContentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  extendClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  toolbar: {
-    description: "",
-    type: "object",
-    properties: {
-      type: {
-        type: "string",
-        default: "SectionToolbar"
-      },
-      position: {
-        type: "string",
-        default: "inHead"
-      },
-      contents: {
-        type: "array",
-        default: []
-      }
-    },
-    default: null
-  }
-}, Gn = [
-  "id",
-  "type",
-  "contents"
-], Un = {
-  $schema: Hn,
-  $id: Rn,
-  title: Wn,
-  description: Vn,
-  type: qn,
-  properties: zn,
-  required: Gn
-}, Jn = "section", Zn = "A Farris Container Component", Qn = "object", Xn = {
-  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: []
-        }
-      },
-      mainTitle: {
-        title: "主标题",
-        type: "string",
-        description: ""
-      },
-      subTitle: {
-        title: "副标题",
-        type: "string",
-        description: ""
-      }
-    }
-  },
-  appearance: {
-    title: "样式",
-    description: "Appearance",
-    properties: {
-      class: {
-        title: "class",
-        type: "string",
-        description: ""
-      },
-      style: {
-        title: "style",
-        type: "string",
-        description: ""
-      }
-    }
-  },
-  behavior: {
-    title: "行为",
-    description: "",
-    properties: {
-      visible: {
-        title: "可见",
-        type: "boolean",
-        description: ""
-      },
-      fill: {
-        title: "填充",
-        type: "boolean",
-        description: "To fill the space of parent container in flex layout."
-      },
-      showHeader: {
-        title: "显示标题区域",
-        type: "boolean",
-        description: ""
-      },
-      enableMaximize: {
-        title: "显示最大化",
-        type: "boolean",
-        description: "",
-        visible: {
-          showHeader: !0
-        }
-      },
-      enableCollapse: {
-        title: "显示收折",
-        type: "boolean",
-        description: "",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        },
-        visible: {
-          showHeader: !0
-        }
-      },
-      expanded: {
-        title: "展开",
-        type: "boolean",
-        description: "",
-        readonly: {
-          enableCollapse: !1
-        },
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        },
-        visible: {
-          showHeader: !0
-        }
-      },
-      enableAccordion: {
-        title: "允许收折",
-        type: "boolean",
-        description: "",
-        visible: {
-          showHeader: !0
-        }
-      },
-      accordionMode: {
-        title: "收折模式",
-        type: "enum",
-        description: "",
-        readonly: {
-          enableAccordion: !1
-        },
-        visible: {
-          showHeader: !0
-        },
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: "default",
-              name: "默认"
-            }
-          ]
-        }
-      }
-    }
-  },
-  toolbar: {
-    title: "工具栏",
-    description: "",
-    properties: {
-      buttonSize: {
-        title: "按钮尺寸",
-        type: "enum",
-        description: "",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "default",
-              name: "标准"
-            },
-            {
-              value: "large",
-              name: "大尺寸"
-            }
-          ]
-        }
-      },
-      popupDirection: {
-        title: "弹出方向",
-        type: "enum",
-        description: "",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "default",
-              name: "自适应"
-            },
-            {
-              value: "top",
-              name: "向上"
-            },
-            {
-              value: "bottom",
-              name: "向下"
-            }
-          ]
-        }
-      }
-    }
-  },
-  extends: {
-    title: "扩展样式",
-    description: "",
-    properties: {
-      headerClass: {
-        title: "标题区",
-        type: "string",
-        description: ""
-      },
-      titleClass: {
-        title: "主标题",
-        type: "string",
-        description: ""
-      },
-      contentClass: {
-        title: "内容区",
-        type: "string",
-        description: ""
-      },
-      toolbarClass: {
-        type: "string",
-        title: "工具栏",
-        description: ""
-      }
-    }
-  }
-}, Yn = {
-  title: Jn,
-  description: Zn,
-  type: Qn,
-  categories: Xn
-}, Ge = {
-  /** 设置内容区域样式 */
-  contentClass: { type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { type: String, default: "" },
-  /** 设置是否启用収折功能。支持：空字符串，不启用収折 | default 默认収折方式 || custom自定义収折方式 */
-  enableAccordion: { type: String, default: "" },
-  /** 设置初始是否处于展开状态，支持：true 内容区域被展开|false 内容区域被収折 */
-  expandStatus: { type: Boolean, default: !0 },
-  /** 设置Section的主标题 */
-  mainTitle: { type: String, default: "" },
-  /** 设置是否显示头部区域 */
-  showHeader: { type: Boolean, default: !0 },
-  /** 设置Section的副标题 */
-  subTitle: { type: String, default: "" },
-  /** 展开文本 */
-  expandLabel: { type: String, default: "展开" },
-  /** 收起文本 */
-  collapseLabel: { type: String, default: "收起" },
-  /** 头部区域的自定义样式。配置头部自定义模板后，此属性有效。 */
-  headerClass: { type: String, default: "" },
-  /** 设置是否启用最大化 */
-  enableMaximize: { type: Boolean, default: !1 },
-  /** 头部扩展区域的自定义样式。配置头部扩展区域模板后，此属性有效。 */
-  headerContentClass: { type: String, default: "" },
-  /** 扩展区域的自定义样式。配置扩展区域模板后，此属性有效。 */
-  extendClass: { type: String, default: "" },
-  /** 按钮组 */
-  buttons: { type: Array, default: [] },
-  /** 按钮组的位置，inHead:头部区域| inContent:内容区域 */
-  buttonPosition: { type: String, default: "inHead" },
-  /** 设置是否铺满剩余空间，支持：false按照内容自动高度|true 铺满剩余空间 */
-  fill: { type: Boolean, default: !1 }
-  // 暂未使用该属性
-  // clickThrottleTime: { type: Number, default: 350 },
-  // context: { type: Object },
-  // 暂未使用该属性
-  // index: { type: Number },
-  // maxStatus: { type: Boolean, default: false },
-  // showToolbarMoreButton: { type: Boolean, default: true },
-  // 暂未使用该属性
-  // toolbarPosition: { type: String, default: '' },
-  // toolbarButtons: { type: Array<object>, default: [] },
-  // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-};
-ie(Ge, Un, _n, Fn, Yn);
-function Kn(e, t, n) {
-  let a;
-  function l() {
-    !e || !t.value || (n.value = !n.value, n.value ? d() : h());
-  }
-  function d() {
-    a = e.value.nextElementSibling;
-    const x = document && document.querySelector("body");
-    x && (x.appendChild(e.value), e.value.style.zIndex = S());
-  }
-  function h() {
-    a ? t.value.insertBefore(
-      e.value,
-      a
-    ) : t.value.appendChild(e.value), e.value.style.zIndex = null;
-  }
-  function S(x = 1) {
-    const T = [
-      "body>.f-datagrid-settings-simple-host",
-      "body>div",
-      "body>farris-dialog>.farris-modal.show",
-      "body>.farris-modal.show",
-      "body>farris-filter-panel>.f-filter-panel-wrapper",
-      "body .f-sidebar-show>.f-sidebar-main",
-      "body>.popover.show",
-      "body>filter-row-panel>.f-datagrid-filter-panel",
-      "body>.f-section-maximize"
-    ], g = Array.from(document.body.querySelectorAll(T.join(","))).filter((u) => u).map((u) => {
-      const { display: v, zIndex: m } = window.getComputedStyle(u);
-      return v === "none" ? 0 : parseInt(m, 10);
-    }).filter((u) => u);
-    let r = Math.max(...g);
-    return r < 1040 && (r = 1040), r + x;
-  }
-  return { onClickMaxMinIcon: l };
-}
-function Ue(e, t) {
-  const n = I(e.buttons), a = M(() => e.buttonPosition === "inHead" ? "right" : "left"), l = M(() => "f-section-toolbar" + (e.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), d = M(() => {
-    e.buttons && e.buttons.length > 0 && e.buttonPosition;
-  });
-  function h(S) {
-    t.emit("Click", S);
-  }
-  return () => d && p(ze, {
-    customClass: l.value,
-    items: n.value,
-    onClick: h,
-    alignment: a.value
-  }, null);
-}
-function eo(e, t, n, a, l, d) {
-  const h = I(e.mainTitle), S = I(e.subTitle), x = M(() => e.buttonPosition), T = Ue(e, t), {
-    onClickMaxMinIcon: g
-  } = Kn(a, l, d), r = M(() => !!e.subTitle), u = M(() => e.enableMaximize), v = M(() => e.enableAccordion != ""), m = M(() => {
-    const k = {
-      "f-section-header": !0
-    };
-    return t.slots.header && e.headerClass.split(" ").reduce((y, D) => (y[D] = !0, y), k), k;
-  });
-  function i(k) {
-    k.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
-  }
-  function f() {
-    const k = M(() => ({
-      btn: !0,
-      "f-btn-collapse-expand": !0,
-      "f-btn-mx": !0,
-      "f-state-expand": n.value
-    })), B = M(() => ({
-      "f-icon": !0,
-      "f-icon-maximize": !d.value,
-      "f-icon-minimize": d.value
-    }));
-    return p("div", {
-      class: "f-max-accordion"
-    }, [u.value ? p("span", {
-      class: B.value,
-      onClick: g
-    }, null) : "", v.value ? p("button", {
-      class: k.value,
-      onClick: i
-    }, [p("span", null, [n.value ? e.collapseLabel : e.expandLabel])]) : ""]);
-  }
-  function c() {
-    return t.slots.header ? p("div", {
-      class: m.value
-    }, [t.slots.header()]) : "";
-  }
-  function w() {
-    return p("div", {
-      class: "f-title",
-      onClick: i
-    }, [p("h4", {
-      class: "f-title-text"
-    }, [h.value]), r.value && p("span", null, [S.value])]);
-  }
-  function $() {
-    const k = M(() => {
-      const B = {
-        "f-content": !0
-      };
-      return e.headerContentClass && e.headerContentClass.split(" ").reduce((D, O) => (D[O] = !0, D), B), B;
-    });
-    return t.slots.headerContent ? p("div", {
-      class: k.value
-    }, [t.slots.headerContent()]) : "";
-  }
-  function N() {
-    return p("div", {
-      class: m.value
-    }, [t.slots.headerTitle ? t.slots.headerTitle() : w(), $(), x.value === "inHead" && T(), (u.value || v.value) && f()]);
-  }
-  return () => e.showHeader && (t.slots.header ? c() : N());
-}
-const Je = /* @__PURE__ */ ee({
-  name: "FSection",
-  props: Ge,
-  emits: [],
-  setup(e, t) {
-    const n = I();
-    let a = I();
-    const l = I(e.customClass), d = M(() => e.enableAccordion), h = I(e.expandStatus), S = M(() => e.buttonPosition), x = I(!1), T = eo(e, t, h, n, a, x), g = Ue(e, t), r = M(() => {
-      const f = {
-        "f-section": !0,
-        "f-section-accordion": d.value === "default",
-        "f-state-collapse": (d.value === "default" || d.value === "custom") && !h.value,
-        "f-section-custom-accordion": d.value === "custom",
-        "f-section-fill": e.fill,
-        "f-section-maximize": x.value
-      };
-      return l.value && l.value.split(" ").reduce((c, w) => (c[w] = !0, c), f), f;
-    }), u = M(() => {
-      const f = e.contentClass.split(" "), c = {
-        "f-section-content": !0
-      };
-      return f.reduce((w, $) => (w[$] = !0, w), c), c;
-    }), v = M(() => {
-      const f = e.extendClass.split(" "), c = {
-        "f-section-extend": !0
-      };
-      return f.reduce((w, $) => (w[$] = !0, w), c), c;
-    });
-    function m() {
-      return t.slots.extend && p("div", {
-        class: v.value
-      }, [t.slots.extend()]);
-    }
-    function i() {
-      return p("div", {
-        class: u.value
-      }, [S.value === "inContent" && g(), t.slots.default && t.slots.default()]);
-    }
-    return K(() => {
-      n && n.value && (a.value = n.value.parentElement);
-    }), () => p("div", {
-      class: r.value,
-      ref: n
-    }, [T(), m(), i()]);
-  }
-});
-function to(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ae(e);
-}
-const ve = /* @__PURE__ */ ee({
-  name: "FTabPage",
-  props: xe,
-  emits: [],
-  setup(e, t) {
-    const n = X("tabs"), a = I(e.show), l = {
-      slots: t.slots,
-      props: e
-    }, d = I((n == null ? void 0 : n.tabType.value) || "default");
-    K(() => {
-      const v = n == null ? void 0 : n.tabPages.value.findIndex((m) => m.props.id === e.id);
-      !v || v === -1 ? n == null || n.addTab(l) : v > -1 && (a.value = !1, console.warn(`已经存在id为${e.id}的页签啦`));
-    }), fe(() => {
-    });
-    const h = M(() => (e == null ? void 0 : e.id) === (n == null ? void 0 : n.activeId.value)), S = M(() => ({
-      display: h.value ? "" : "none"
-    }));
-    oe(() => e, (v) => {
-      n == null || n.updateTab({
-        props: v,
-        slots: t.slots
-      });
-    }, {
-      immediate: !0,
-      deep: !0
-    });
-    function x() {
-      var m, i;
-      const v = (i = (m = t.slots).default) == null ? void 0 : i.call(m);
-      return p(Je, {
-        "main-title": e.title,
-        class: "farris-tab-page"
-      }, to(v) ? v : {
-        default: () => [v]
-      });
-    }
-    const T = M(() => ({
-      "farris-tab-page": !0,
-      "f-utils-fill-flex-column": h.value && (n == null ? void 0 : n.shouldFillParentContaner.value)
-    }));
-    function g() {
-      var m, i;
-      const v = (i = (m = t.slots).default) == null ? void 0 : i.call(m);
-      return p("div", {
-        class: T.value,
-        style: S.value
-      }, [v]);
-    }
-    const u = (/* @__PURE__ */ new Map([["default", g], ["one-page", x]])).get(d.value) || g;
-    return () => a.value ? u() : null;
-  }
-});
-function no(e, t, n, a, l) {
-  const {
-    activeId: d,
-    removeTab: h,
-    selectTab: S,
-    removeDesignTab: x,
-    selectDesignTab: T
-  } = l, g = M(() => ({
-    "st-tab-text": !0,
-    "farris-title-auto": e.autoTitleWidth
-  })), r = X("MessageBoxService"), u = M(() => {
-    const O = {
-      "farris-component": !0,
-      "nav-item": !0,
-      "d-none": t.show !== void 0 ? !t.show : !1,
-      "f-state-active": t.id === d.value,
-      "f-state-disable": t.disabled
-    };
-    return O[`${t.id}-design-item`] = !0, O;
-  }), v = M(() => ({
-    width: `${t.tabWidth}px`
-  })), m = M(() => ({
-    "nav-link": !0,
-    "tabs-text-truncate": !0,
-    active: t.id === d.value,
-    disabled: t.disabled
-  }));
-  function i(O) {
-    return p("span", {
-      class: g.value,
-      title: O.title
-    }, [O.title]);
-  }
-  function f(O) {
-    return O.slots.title ? O.slots.title : i;
-  }
-  const c = f(n), w = I(t.removeable);
-  function $() {
-    return p("span", {
-      class: "st-drop-close",
-      onClick: (O) => h(O, t.id)
-    }, [p("i", {
-      class: "f-icon f-icon-close"
-    }, null)]);
-  }
-  function N(O) {
-    S(t.id), e.tabType === "one-page" && a.scrollToByPaggId(t.id);
-  }
-  function k(O) {
-    T(O, t.id);
-  }
-  function B(O) {
-    r && r.question(`确定删除标签页【${n.props.title}】?`, void 0, () => {
-      x(O, t.id);
-    }, () => {
-    });
-  }
-  function y() {
-    return p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeComponent",
-      onClick: (O) => B(O)
-    }, [p("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]);
-  }
-  function D() {
-    return p("div", {
-      class: "component-btn-group",
-      "data-noattach": "true"
-    }, [p("div", null, [y()])]);
-  }
-  return p("li", {
-    onClick: (O) => k(O),
-    class: u.value,
-    style: v.value,
-    id: `${t.id}-design-item`
-  }, [D(), p("a", {
-    class: m.value,
-    onClick: N
-  }, [c(t), w.value && $()])]);
-}
-function oo(e, t, n, a, l, d, h) {
-  const {
-    shouldShowNavigationButtons: S
-  } = n, {
-    tabPages: x
-  } = l, T = M(() => ({
-    spacer: !0,
-    "f-utils-fill": !0,
-    "spacer-sides-dropdown": S.value
-  })), g = M(() => ({
-    width: "100%",
-    "justify-content": e.justifyContent
-  })), r = M(() => ({
-    nav: !0,
-    "farris-nav-tabs": !0,
-    "flex-nowrap": !0,
-    "nav-fill": e.fill || e.tabType === "fill",
-    "nav-pills": e.tabType === "pills",
-    "flex-row": e.position === "top" || e.position === "bottom",
-    "flex-column": e.position === "left" || e.position === "right"
-  })), u = M(() => ({
-    overflow: "auto"
-  }));
-  function v(i) {
-    const {
-      componentType: f
-    } = i;
-    let c = se(f, i);
-    h && h.onResolveNewComponentSchema && (c = h.onResolveNewComponentSchema(i, c));
-    const w = f.toLowerCase().replace("-", "_");
-    return c && !c.id && c.type === f && (c.id = `${w}_${Math.random().toString().slice(2, 6)}`), c;
-  }
-  const m = function(i) {
-    var $;
-    const f = {
-      componentType: "tab-page",
-      label: "Tab1",
-      parentComponentInstance: d.value,
-      targetPosition: -1
-    }, c = v(f);
-    ($ = d.value.schema.contents) == null || $.push(c);
-    const {
-      selectTabByTabId: w
-    } = l;
-    w(c.id);
-  };
-  return () => p("div", {
-    class: T.value,
-    style: g.value
-  }, [p("ul", {
-    class: r.value,
-    style: u.value,
-    ref: t
-  }, [x.value.map((i) => no(e, i.props, i, a, l)), p("li", {
-    class: "nav-item"
-  }, [p("a", {
-    class: "nav-link tabs-text-truncate",
-    title: "添加页签",
-    onClick: (i) => m()
-  }, [p("i", {
-    class: "f-icon f-icon-plus",
-    style: "font-size: 20px;margin: 0 auto;line-height: 24px;"
-  }, null)])])])]);
-}
-function je(e, t, n) {
-  var k;
-  function a() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  a();
-  const l = n && n.getStyles && n.getStyles() || "", d = n && n.getDesignerClass && n.getDesignerClass() || "", h = I();
-  function S() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function x() {
-    return !1;
-  }
-  function T() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function g() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function r(B) {
-    if (!B || !B.value)
-      return null;
-    if (B.value.schema && B.value.schema.type === "component")
-      return B.value;
-    const y = I(B == null ? void 0 : B.value.parent), D = r(y);
-    return D || null;
-  }
-  function u(B = t) {
-    const { componentInstance: y, designerItemElementRef: D } = B;
-    return !y || !y.value ? null : y.value.canMove ? D : u(B.parent);
-  }
-  function v(B) {
-    return !!n && n.canAccepts(B);
-  }
-  function m() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function i() {
-  }
-  function f(B, y) {
-    y && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(y);
-  }
-  function c(B) {
-    const { componentType: y } = B;
-    let D = se(y, B);
-    n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(B, D));
-    const O = y.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === y && (D.id = `${O}_${Math.random().toString().slice(2, 6)}`), D;
-  }
-  function w(B, y) {
-    const D = String(B.getAttribute("data-controltype")), O = B.getAttribute("data-feature"), j = O ? JSON.parse(O) : {};
-    j.parentComponentInstance = h.value;
-    let o = se(D, j);
-    n && n.onAcceptNewChildElement && (o = n.onAcceptNewChildElement(B, y, o));
-    const b = D.toLowerCase().replace("-", "_");
-    return o && !o.id && o.type === D && (o.id = `${b}_${Math.random().toString().slice(2, 6)}`), o;
-  }
-  function $(B) {
-  }
-  function N() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return h.value = {
-    canMove: S(),
-    canSelectParent: x(),
-    canDelete: T(),
-    canNested: !g(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (k = t == null ? void 0 : t.parent) == null ? void 0 : k.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: l,
-    designerClass: d,
-    canAccepts: v,
-    getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: u,
-    getDraggingDisplayText: m,
-    getPropConfig: N,
-    getDragScopeElement: i,
-    onAcceptMovedChildElement: f,
-    onAcceptNewChildElement: w,
-    onChildElementMovedOut: $,
-    addNewChildComponentSchema: c,
-    updateDragAndDropRules: a,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || I(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || I(!1)
-  }, h;
-}
-const so = "https://json-schema.org/draft/2020-12/schema", ao = "https://farris-design.gitee.io/dragging-rules.schema.json", ro = "Dragging Rules", lo = "The rules of designer canvas", io = "object", co = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, uo = [], po = {
-  $schema: so,
-  $id: ao,
-  title: ro,
-  description: lo,
-  type: io,
-  properties: co,
-  required: uo
-}, ye = /* @__PURE__ */ new Map();
-function fo() {
-  function e(m, i, f, c) {
-    if (typeof f == "number")
-      return c[m].length === f;
-    if (typeof f == "object") {
-      const w = Object.keys(f)[0], $ = f[w];
-      if (w === "not")
-        return Number(c[m].length) !== Number($);
-      if (w === "moreThan")
-        return Number(c[m].length) >= Number($);
-      if (w === "lessThan")
-        return Number(c[m].length) <= Number($);
-    }
-    return !1;
-  }
-  function t(m, i, f, c) {
-    return typeof f == "boolean" ? c.childrenClassList.includes(i) === !!f : !1;
-  }
-  function n(m, i, f, c) {
-    return typeof f == "boolean" ? c.parentClassList.includes(i) === !!f : !1;
-  }
-  function a(m, i, f, c) {
-    return typeof f == "boolean" ? c.parentClassList.includes(i) === !!f : !1;
-  }
-  const l = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["hasChildren", t],
-    ["hasSibling", a],
-    ["hasParent", n]
-  ]);
-  function d(m, i) {
-    const f = m;
-    return typeof i == "number" ? [{ target: f, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((c) => {
-      if (c === "length")
-        return { target: f, operator: "length", param: null, value: i[c] };
-      const w = c, $ = i[c];
-      return { target: f, operator: m === "children" ? "hasChildren" : m === "parent" ? "hasParent" : "hasSibling", param: w, value: $ };
-    }) : [];
-  }
-  function h(m, i) {
-    if (l.has(m.operator)) {
-      const f = l.get(m.operator);
-      return f && f(m.target, m.param, m.value, i) || !1;
-    }
-    return !1;
-  }
-  function S(m, i) {
-    return Object.keys(m).reduce(($, N) => {
-      const k = d(N, m[N]);
-      return $.push(...k), $;
-    }, []).reduce(($, N) => $ && h(N, i), !0);
-  }
-  function x(m, i) {
-    const f = Object.keys(m), c = f.includes("allOf"), w = f.includes("anyOf"), $ = c || w, B = ($ ? m[$ ? c ? "allOf" : "anyOf" : "allOf"] : [m]).map((D) => S(D, i));
-    return c ? !B.includes(!1) : B.includes(!0);
-  }
-  function T(m, i) {
-    const f = m.const;
-    return f ? typeof f == "boolean" ? f : typeof f == "object" ? x(f, i) : !1 : !1;
-  }
-  function g(m) {
-    return (i) => {
-      const f = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return m && m.properties && Object.keys(m.properties).reduce((c, w) => {
-        const $ = m.properties[w];
-        return c[w] = T($, i), c;
-      }, f), f;
-    };
-  }
-  function r(m, i, f) {
-    if (i.type === "object" && i.properties) {
-      const { rules: c, contents: w } = i.properties;
-      f.set(m, g(c)), w && Object.keys(w.properties).forEach(
-        ($) => r($, w.properties[$], f)
-      );
-    }
-  }
-  function u() {
-    const { properties: m } = po;
-    Object.keys(m).forEach((i) => {
-      r(i, m[i], ye);
-    });
-  }
-  function v(m, i) {
-    const f = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return ye.has(m) ? ye.get(m)(i) : f;
-  }
-  return u(), { getRuleValue: v };
-}
-function bo(e, t) {
-  const n = fo();
-  let a = !1, l, d = !1;
-  function h(r) {
-    return !1;
-  }
-  function S() {
-    return !d;
-  }
-  function x() {
-    return !d;
-  }
-  function T() {
-    return a;
-  }
-  function g() {
-    const r = e, u = r.appearance && r.appearance.class || "", v = u ? u.split(" ") : [], m = t == null ? void 0 : t.schema, i = m && m.appearance && m.appearance.class || "", f = i ? i.split(" ") : [], c = r.contents || [], w = c.length ? c[0] : null, $ = w && w.appearance && w.appearance.class || "", N = $ ? $.split(" ") : [], k = c.length ? c.reduce((o, b) => {
-      const s = b && b.appearance ? b.appearance.class : "", C = s ? s.split(" ") : [];
-      return o.push(...C), o;
-    }, []) : [], B = (t == null ? void 0 : t.parent) && t.parent.schema, y = B && B.appearance && B.appearance.class || "";
-    y && y.split(" "), l = {
-      componentClass: u,
-      componentClassList: v,
-      childContents: c,
-      firstChildContent: w,
-      firstChildClass: $,
-      firstChildClassList: N,
-      parent,
-      parentClass: i,
-      parentClassList: f,
-      children: c,
-      childrenClassList: k
-    };
-    const { canAccept: D, fixed: O, hidePadding: j } = n.getRuleValue(v[0], l);
-    return a = j, d = O, !0;
-  }
-  return {
-    canAccepts: h,
-    checkCanDeleteComponent: S,
-    checkCanMoveComponent: x,
-    hideNestedPaddingInDesginerView: T,
-    resolveComponentContext: g
-  };
-}
-function mo(e, t, n, a) {
-  const l = I([]), d = I(e.activeId || ""), h = I(!0), S = I(), x = I([]);
-  function T(s) {
-    const C = s.value.findIndex((E) => E.props.show !== !1 && !d.value && !E.props.disabled);
-    !d.value && C !== -1 && (d.value = s.value[C].props.id);
-  }
-  function g(s, C) {
-    s.classList.contains(C) || s.classList.add(C);
-  }
-  function r(s, C) {
-    s.classList.remove(C);
-  }
-  function u(s) {
-    const { parentElement: C } = s;
-    C && (s.scrollWidth > C.offsetWidth ? g(s, "farris-title-text-custom") : r(s, "farris-title-text-custom"));
-  }
-  function v(s) {
-    var E;
-    if (e.autoTitleWidth)
-      return;
-    const C = (E = s.value) == null ? void 0 : E.querySelectorAll(".st-tab-text");
-    C && C.forEach((A) => u(A));
-  }
-  const m = (s) => {
-    s.preventDefault(), s.stopPropagation();
-  };
-  function i(s) {
-    l.value = l.value.filter((C) => C.props.id !== s), d.value === s && (d.value = "", T(l));
-  }
-  function f(s, C, E = !1) {
-    const A = l.value.findIndex((H) => H.props.id === C);
-    i(C), m(s), ne(() => {
-      v(n), E && (h.value = !0), t.emit("tabRemove", {
-        removeIndex: A,
-        removeId: C,
-        activeId: d.value
-      });
-    });
-  }
-  function c() {
-    const s = l.value.find((A) => A.props.id === d.value);
-    x.value = [], s && s.props.toolbar && s.props.toolbar.buttons && s.props.toolbar.buttons.length && (x.value = [...s.props.toolbar.buttons]);
-    const C = a.schema.contents, E = C == null ? void 0 : C.find((A) => A.id === d.value);
-    S.value = E == null ? void 0 : E.toolbar;
-  }
-  function w(s) {
-    const C = d.value;
-    d.value = s, c(), t.emit("tabChange", {
-      prevId: C,
-      nextId: d.value
-    });
-  }
-  function $(s) {
-    w(s);
-  }
-  function N(s) {
-    l.value.findIndex((E) => E.props.id === s.props.id) === -1 && l.value.push(s);
-  }
-  function k(s) {
-    l.value.findIndex((E) => E.props.id === s.props.id) !== -1 && (l.value.forEach((E) => {
-      E.props.id === s.props.id && (E = s);
-    }), ne(() => {
-      v(n);
-    }));
-  }
-  function B(s) {
-    s && (s.stopPropagation(), s.preventDefault());
-  }
-  function y(s, C) {
-    B(s);
-    const E = a.schema.contents, A = E == null ? void 0 : E.findIndex((H) => H.id === C);
-    A === -1 || A === void 0 || (E == null || E.splice(A, 1), i(C));
-  }
-  function D() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (C) => C.classList.remove("dgComponentFocused")
-    );
-    const s = document.getElementsByClassName("dgComponentSelected");
-    Array.from(s).forEach((C) => C.classList.remove("dgComponentSelected"));
-  }
-  function O(s) {
-    s.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function j(s) {
-    var H;
-    const { contents: C = [] } = a.schema, E = C == null ? void 0 : C.findIndex((q) => q.id === s), A = C[E];
-    (H = a == null ? void 0 : a.setupContext) == null || H.emit("selectionChange", A.type, A);
-  }
-  function o(s, C) {
-    D(), B(s), O(s), j(C);
-  }
-  function b(s, C) {
-    D(), B(s), O(s);
-  }
-  return {
-    activeId: d,
-    addTab: N,
-    changeTitleStyle: v,
-    removeTab: f,
-    selectTab: $,
-    selectTabByTabId: w,
-    tabPages: l,
-    updateTab: k,
-    toolbarItems: x,
-    removeDesignTab: y,
-    selectDesignTab: o,
-    selectDesignTabToolbar: b,
-    toolbarSchema: S
-  };
-}
-function ho(e, t) {
-  const n = X("design-item-context"), a = X("toolbar-item-handler", null);
-  function l() {
-    a && a();
-  }
-  function d(o) {
-    const b = {
-      "dropdown-menu": !0
-    };
-    if (o.class) {
-      const s = o.menuClass.split(" ");
-      s && s.length && s.reduce((C, E) => (C[E] = !0, C), b);
-    }
-    return b;
-  }
-  function h(o) {
-    const b = {
-      disabled: !o.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, s = o.dropdownClass.split(" ");
-    return s && s.length && s.reduce((C, E) => (C[E] = !0, C), b), b;
-  }
-  function S(o) {
-    const b = {
-      disabled: !o.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0,
-      "position-relative": !0,
-      "farris-component": !0
-    }, s = o.class.split(" ");
-    return s && s.length && s.reduce((C, E) => (C[E] = !0, C), b), b;
-  }
-  let x;
-  const T = /* @__PURE__ */ new Map();
-  function g(o, b, s) {
-    var E;
-    ((E = o.target) == null ? void 0 : E.id) === b.id && o.stopPropagation();
-    const C = s ? s.id : "__top_item__";
-    if (b.children && b.children.length && (b.expanded = !b.expanded, b.expanded ? T.set(C, b) : T.delete(C)), T.has(C) && T.get(C) !== b) {
-      const A = T.get(C);
-      A && (A.expanded = !1);
-    }
-  }
-  function r(o) {
-    o && (o.stopPropagation(), o.preventDefault());
-  }
-  function u() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((b) => b.classList.remove("dgComponentFocused"));
-    const o = document.getElementsByClassName("dgComponentSelected");
-    Array.from(o).forEach((b) => b.classList.remove("dgComponentSelected"));
-  }
-  function v(o) {
-    o.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function m(o) {
-    const {
-      buttons: b = []
-    } = n.schema;
-    let s = [];
-    b.forEach((A) => {
-      s = s.concat(A.children || []);
-    });
-    const C = s.findIndex((A) => A.id === o), E = C === -1 ? null : s[C];
-    return {
-      index: C,
-      item: E
-    };
-  }
-  function i(o) {
-    const {
-      buttons: b = []
-    } = n.schema, s = b.findIndex((E) => E.id === o), C = s === -1 ? null : b[s];
-    return {
-      index: s,
-      item: C
-    };
-  }
-  function f(o) {
-    var C;
-    n.schema;
-    const {
-      index: b,
-      item: s
-    } = m(o);
-    (C = n == null ? void 0 : n.setupContext) == null || C.emit("selectionChange", s == null ? void 0 : s.type, s);
-  }
-  const c = function(o) {
-    const {
-      componentType: b
-    } = o, s = se(b, o), C = b.toLowerCase().replace("-", "_");
-    return s && !s.id && s.type === b && (s.id = `${C}_${Math.random().toString().slice(2, 6)}`), s;
-  }, w = function() {
-    const o = {
-      componentType: "response-toolbar-item",
-      parentComponentInstance: t.value,
-      targetPosition: -1
-    };
-    return c(o);
-  };
-  function $(o, b) {
-    r(o), u(), v(o), f(b.id);
-  }
-  function N(o, b, s) {
-    r(o);
-    const C = b.id, E = s && s.id, {
-      buttons: A = []
-    } = n.schema;
-    if (!E)
-      return;
-    const {
-      index: H
-    } = i(E);
-    if (H === -1)
-      return;
-    const {
-      index: q
-    } = m(C);
-    q !== -1 && (A[H].children.splice(q, 1), l());
-  }
-  function k(o, b, s) {
-    r(o);
-    const C = s && s.id, {
-      buttons: E = []
-    } = n.schema;
-    if (!C)
-      return;
-    const {
-      index: A
-    } = i(C);
-    if (A === -1)
-      return;
-    const H = w(), q = Object.assign({}, H, {
-      text: b.text
-    });
-    E[A].children.push(q), l();
-  }
-  function B(o, b, s) {
-    r(o);
-    const C = s && s.id, {
-      buttons: E = []
-    } = n.schema;
-    if (!C)
-      return;
-    const {
-      index: A
-    } = i(C);
-    if (A === -1)
-      return;
-    const H = w(), q = Object.assign({}, H, {
-      text: "按钮"
-    });
-    E[A].children.push(q), l();
-  }
-  function y(o, b) {
-    return p("div", {
-      class: "component-btn-group"
-    }, [p("div", null, [p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeButton",
-      style: "position:static;",
-      onClick: (s) => N(s, o, b)
-    }, [p("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]), p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "复制",
-      ref: "copyButton",
-      style: "position:static;",
-      onClick: (s) => k(s, o, b)
-    }, [p("i", {
-      class: "f-icon f-icon-yxs_copy"
-    }, null)]), p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "新增同级",
-      ref: "appendSame",
-      style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (s) => B(s, o, b)
-    }, [p("i", {
-      class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), p("span", {
-      style: "font-size:13px;margin:auto"
-    }, [pe("新增同级")])])])]);
-  }
-  function D(o) {
-    return o.children.map((b) => b.children && b.children.length ? p("li", {
-      class: h(b),
-      id: b.id,
-      onClick: (s) => b.enable && g(s, b, o)
-    }, [p("span", {
-      id: b.id,
-      class: S(b),
-      onMouseover: (s) => b.enable && g(s, b, o)
-    }, [b.text, p("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), x(b, b)]) : p("li", {
-      class: S(b),
-      id: b.id,
-      onClick: (s) => $(s, b)
-    }, [y(b, o), e.shouldShowIcon(b) && p("i", {
-      class: e.iconClass(b)
-    }, null), b.text]));
-  }
-  function O(o, b, s) {
-    const C = {
-      display: o.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, E = document.getElementsByTagName("body")[0].getClientRects()[0].width, A = b, H = A == null ? void 0 : A.getClientRects();
-    if (A && H && H.length) {
-      const {
-        top: q,
-        width: Y,
-        left: Z,
-        right: Q,
-        height: ae
-      } = H[0], te = Math.ceil(ae + q);
-      C.top = `${te}px`, C.left = `${Z}px`;
-      const P = o.id + "_menu", L = b ? b.querySelector("#" + P) : null;
-      if (L) {
-        C.display === "block" && (L.style.display = "block");
-        const F = L.getBoundingClientRect();
-        if (s) {
-          C.top = `${q - 6}px`;
-          const _ = Math.ceil(Y + Z);
-          C.left = `${_}px`;
-        }
-        E - Z - Y < F.width && (C.left = `${(s ? Z : Q) - F.width}px`);
-      }
-    }
-    return C;
-  }
-  x = function(o, b) {
-    var A, H;
-    const s = Ee(), C = b ? b.id : o.id, E = (H = (A = s == null ? void 0 : s.exposed) == null ? void 0 : A.elementRef.value) == null ? void 0 : H.querySelector("#" + C);
-    return p("ul", {
-      class: d(o),
-      style: O(o, E, b),
-      id: o.id + "_menu"
-    }, [D(o)]);
-  };
-  function j() {
-    T.forEach((o) => {
-      o.expanded = !1;
-    }), T.clear();
-  }
-  return {
-    renderDropdownMenu: x,
-    clearAllDropDownMenu: j
-  };
-}
-function vo(e, t, n) {
-  const a = I(e.alignment), {
-    renderDropdownMenu: l,
-    clearAllDropDownMenu: d
-  } = ho(t, n), h = X("design-item-context"), S = X("toolbar-item-handler", null);
-  function x() {
-    S && S();
-  }
-  function T(j) {
-    const o = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": a.value === "right",
-      "f-btn-mr": a.value === "left"
-    }, b = j.dropdownClass.split(" ");
-    return b && b.length && b.reduce((s, C) => (s[C] = !0, s), o), o;
-  }
-  function g(j) {
-    const o = {
-      btn: !0,
-      disabled: !j.enable,
-      "position-relative": !0,
-      "farris-component": !0,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(j.icon && j.icon.trim())
-    };
-    if (j.class) {
-      const b = j.class.split(" ");
-      b && b.length && b.reduce((s, C) => (s[C] = !0, s), o);
-    }
-    return o;
-  }
-  function r(j) {
-    j && (j.stopPropagation(), j.preventDefault());
-  }
-  function u(j, o) {
-    r(j);
-    const b = o.expanded;
-    document.body.click(), o.expanded = !b;
-  }
-  const v = function(j) {
-    const {
-      componentType: o
-    } = j, b = se(o, j), s = o.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === o && (b.id = `${s}_${Math.random().toString().slice(2, 6)}`), b;
-  }, m = function() {
-    const j = {
-      componentType: "response-toolbar-item",
-      parentComponentInstance: n.value,
-      targetPosition: -1
-    };
-    return v(j);
-  };
-  function i(j) {
-    const o = h.schema.buttons || h.schema.contents, b = o == null ? void 0 : o.findIndex((C) => C.id === j), s = b === -1 ? null : o[b];
-    return {
-      index: b,
-      toolbarItem: s
-    };
-  }
-  function f(j, o) {
-    var H;
-    const {
-      index: b,
-      toolbarItem: s
-    } = i(o);
-    if (b === -1)
-      return;
-    const C = s.text || "按钮", E = m(), A = Object.assign({}, E, {
-      text: C
-    });
-    (H = h.schema.buttons) == null || H.push(A), x();
-  }
-  function c(j, o) {
-    const {
-      index: b,
-      toolbarItem: s
-    } = i(o);
-    if (b === -1)
-      return;
-    const C = s.text || "按钮", E = m(), A = Object.assign({}, E, {
-      text: C
-    }), H = h.schema.buttons[b].children || [];
-    H.push(A), h.schema.buttons[b].children = H, x();
-  }
-  function w(j, o) {
-    const b = h.schema.buttons || h.schema.contents, s = b == null ? void 0 : b.findIndex((C) => C.id === o);
-    s !== -1 && (b.splice(s, 1), x());
-  }
-  function $(j) {
-    return p("div", {
-      class: "component-btn-group"
-    }, [p("div", null, [p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeButton",
-      style: "position:static;",
-      onClick: (o) => w(o, j)
-    }, [p("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]), p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "复制",
-      ref: "copyButton",
-      style: "position:static;",
-      onClick: (o) => f(o, j)
-    }, [p("i", {
-      class: "f-icon f-icon-yxs_copy"
-    }, null)]), p("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "新增子级",
-      ref: "appendChildButton",
-      style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (o) => c(o, j)
-    }, [p("i", {
-      class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), p("span", {
-      style: "font-size:13px;margin:auto"
-    }, [pe("新增子级")])])])]);
-  }
-  function N() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
-    const j = document.getElementsByClassName("dgComponentSelected");
-    Array.from(j).forEach((o) => o.classList.remove("dgComponentSelected"));
-  }
-  function k(j) {
-    j.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function B(j) {
-    var C;
-    const o = h.schema.buttons || h.schema.contents, b = o == null ? void 0 : o.findIndex((E) => E.id === j);
-    if (b === -1)
-      return;
-    const s = o[b];
-    (C = h == null ? void 0 : h.setupContext) == null || C.emit("selectionChange", "response-toolbar-item", s);
-  }
-  function y(j, o) {
-    r(j), N(), k(j), r(j), u(j, o), B(o.id);
-  }
-  function D(j) {
-    return p("div", {
-      id: j.id,
-      class: T(j)
-    }, [p("div", {
-      class: g(j),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (o) => j.enable && y(o, j)
-    }, [$(j.id), t.shouldShowIcon(j) && p("i", {
-      class: t.iconClass(j)
-    }, null), p("span", null, [j.text]), p("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)]), l(j)]);
-  }
-  function O() {
-    d();
-  }
-  return {
-    renderToolbarDropdown: D,
-    clearAllDropDown: O
-  };
-}
-const {
-  buildResponseToolbarItems: Me
-} = Se(), yo = /* @__PURE__ */ ee({
-  name: "FResponseToolbarDesign",
-  props: we,
-  emits: ["Click"],
-  setup(e, t) {
-    const n = I(Me(e.items)), a = I(), l = I(), d = I(e.alignment), h = {
-      id: "__more_buttons__",
-      text: "More"
-    }, S = I(new le(h)), x = qe(), T = M(() => S.value.children.length > 0), g = I(), r = X("design-item-context"), u = je(g, r), v = X("toolbar-item-handler", null);
-    K(() => {
-      g.value.componentInstance = u;
-    }), t.expose({
-      elementRef: g
-    });
-    function m() {
-      v && v();
-    }
-    const i = M(() => ({
-      "f-toolbar": !0,
-      "f-response-toolbar": !0,
-      "position-relative": !0
-    })), f = M(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": d.value === "right",
-      "justify-content-start": d.value === "left"
-    })), {
-      renderToolbarDropdown: c,
-      clearAllDropDown: w
-    } = vo(e, x, u);
-    function $() {
-      n.value.filter((P) => P.children && P.children.length > 0).forEach((P) => {
-        P.expanded = !1;
-      }), S.value.expanded = !1, w();
-    }
-    function N(P) {
-      const L = {
-        "f-icon": !0
-      };
-      if (P.icon) {
-        const F = P.icon.trim().split(" ");
-        F && F.length && F.reduce((_, R) => (_[R] = !0, _), L);
-      }
-      return L;
-    }
-    function k(P) {
-      return !!(P.icon && P.icon.trim());
-    }
-    function B(P) {
-      const L = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": d.value === "right",
-        "f-btn-mr": d.value === "left",
-        "btn-icontext": !!(P.icon && P.icon.trim())
-      };
-      if (P.class) {
-        const F = P.class.split(" ");
-        F && F.length && F.reduce((_, R) => (_[R] = !0, _), L);
-      }
-      return L;
-    }
-    function y(P) {
-      P && (P.stopPropagation(), P.preventDefault());
-    }
-    function D() {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((L) => L.classList.remove("dgComponentFocused"));
-      const P = document.getElementsByClassName("dgComponentSelected");
-      Array.from(P).forEach((L) => L.classList.remove("dgComponentSelected"));
-    }
-    function O(P) {
-      P.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-    }
-    function j(P) {
-      var R;
-      const L = r.schema.buttons || r.schema.contents, F = L == null ? void 0 : L.findIndex((W) => W.id === P);
-      if (F === -1)
-        return;
-      const _ = L[F];
-      (R = r == null ? void 0 : r.setupContext) == null || R.emit("selectionChange", "response-toolbar-item", _);
-    }
-    const o = function(P) {
-      const {
-        componentType: L
-      } = P, F = se(L, P), _ = L.toLowerCase().replace("-", "_");
-      return F && !F.id && F.type === L && (F.id = `${_}_${Math.random().toString().slice(2, 6)}`), F;
-    }, b = function() {
-      const P = {
-        componentType: "response-toolbar-item",
-        parentComponentInstance: u.value,
-        targetPosition: -1
-      };
-      return o(P);
-    };
-    function s(P, L) {
-      D(), O(P), y(P), j(L);
-    }
-    function C(P, L) {
-      const F = r.schema.buttons || r.schema.contents, _ = F == null ? void 0 : F.findIndex((R) => R.id === L);
-      _ !== -1 && (F.splice(_, 1), m());
-    }
-    function E(P) {
-      const L = r.schema.buttons || r.schema.contents, F = L == null ? void 0 : L.findIndex((R) => R.id === P), _ = F === -1 ? null : L[F];
-      return {
-        index: F,
-        toolbarItem: _
-      };
-    }
-    function A(P, L) {
-      var U;
-      const {
-        index: F,
-        toolbarItem: _
-      } = E(L);
-      if (F === -1)
-        return;
-      const R = _.text || "按钮", W = b(), V = Object.assign({}, W, {
-        text: R
-      });
-      (U = r.schema.buttons) == null || U.push(V), m();
-    }
-    function H(P, L) {
-      const {
-        index: F,
-        toolbarItem: _
-      } = E(L);
-      if (F === -1)
-        return;
-      const R = _.text || "按钮", W = b(), V = Object.assign({}, W, {
-        text: R
-      }), U = r.schema.buttons[F].items || [];
-      U.push(V), r.schema.buttons[F].children = U, m();
-    }
-    function q(P) {
-      return p("div", {
-        class: "component-btn-group"
-      }, [p("div", null, [p("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "删除",
-        ref: "removeButton",
-        style: "position:static;",
-        onClick: (L) => C(L, P)
-      }, [p("i", {
-        class: "f-icon f-icon-yxs_delete"
-      }, null)]), p("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "复制",
-        ref: "copyButton",
-        style: "position:static;",
-        onClick: (L) => A(L, P)
-      }, [p("i", {
-        class: "f-icon f-icon-yxs_copy"
-      }, null)]), p("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "新增子级",
-        ref: "appendChildButton",
-        style: "width:85px!important;padding:0 5px;position:static;",
-        onClick: (L) => H(L, P)
-      }, [p("i", {
-        class: "f-icon f-icon-plus-circle text-white mr-1"
-      }, null), p("span", {
-        style: "font-size:13px;margin:auto"
-      }, [pe("新增子级")])])])]);
-    }
-    function Y(P) {
-      return p("div", {
-        class: "farris-component position-relative",
-        style: "display:inline-block!important;",
-        onClick: (L) => s(L, P.id)
-      }, [q(P.id), p("button", {
-        type: "button",
-        class: B(P),
-        id: P.id,
-        disabled: !P.enable
-      }, [k(P) && p("i", {
-        class: N(P)
-      }, null), P.text])]);
-    }
-    const Z = /* @__PURE__ */ new Map(), Q = [];
-    function ae(P) {
-      const L = l.value;
-      let F = P;
-      const _ = Array.from(L.children), R = _[_.length - 1].id === "__more_buttons__" ? _[_.length - 1] : null;
-      if (R) {
-        const G = R.computedStyleMap().get("margin-left"), J = R.computedStyleMap().get("margin-right"), ue = (G ? G.value : 0) + R.getBoundingClientRect().width + (J ? J.value : 0);
-        F -= ue;
-      }
-      const W = _.filter((G) => G.id !== "__more_buttons__");
-      for (const G of W) {
-        const J = G.computedStyleMap().get("margin-left"), ue = G.computedStyleMap().get("margin-right"), me = (J ? J.value : 0) + G.getBoundingClientRect().width + (ue ? ue.value : 0);
-        F < me ? (Z.set(G.id, !0), Q.push({
-          id: G.id,
-          width: me
-        })) : F -= me;
-      }
-      if (Q.length)
-        for (let G = Q.length - 1; G >= 0; G--) {
-          const J = Q[G].width;
-          if (F >= J)
-            F -= J, Z.delete(Q[G].id), Q.pop();
-          else
-            break;
-        }
-      const V = Object.assign({}, S.value);
-      V.children = [];
-      const U = new le(V), ce = n.value.reduce((G, J) => (Z.has(J.id) && U.children.push(J), J.visible = !Z.has(J.id), G.push(J), G), []);
-      S.value = U, n.value = ce;
-    }
-    const te = new ResizeObserver((P) => {
-      if (P.length) {
-        const F = P[0].contentRect.width, R = l.value.getBoundingClientRect().width;
-        (F < R || Q.length) && ae(F);
-      }
-    });
-    return K(() => {
-      const P = a.value;
-      te.observe(P), document.body.addEventListener("click", $);
-    }), fe(() => {
-      te.disconnect(), document.body.removeEventListener("click", $);
-    }), oe(() => e.items, () => {
-      n.value = Me(e.items);
-    }), () => p("div", {
-      ref: g,
-      class: i.value
-    }, [p("div", {
-      ref: a,
-      class: f.value
-    }, [p("div", {
-      ref: l,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [n.value.filter((P) => P.visible).map((P) => P.children && P.children.length > 0 ? c(P) : Y(P)), T.value && c(S.value)])])]);
-  }
-}), go = {
-  id: { 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 }
-}, Pe = I(0);
-function Co(e, t) {
-  const n = t.getBoundingClientRect(), a = e.getBoundingClientRect(), l = a.top >= n.top, d = a.top <= n.bottom;
-  return l && d;
-}
-function To(e) {
-  if (!e)
-    return;
-  let t;
-  if (e.className.includes("dgComponentSelected") ? t = e : t = e.querySelector(".dgComponentSelected"), !t)
-    return;
-  const n = t.getBoundingClientRect();
-  if (n.width === 0 && n.height === 0)
-    return;
-  const a = t.querySelector(".component-btn-group");
-  if (a) {
-    if (!Co(t, e)) {
-      a.style.display = "none";
-      return;
-    }
-    a.style.display = "";
-    const d = a.getBoundingClientRect(), h = a.querySelector("div");
-    if (h) {
-      const S = h.getBoundingClientRect();
-      h.style.top = d.top + "px", h.style.left = d.left - S.width + "px";
-    }
-  }
-}
-function wo(e, t, n) {
-  var N;
-  function a() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  a();
-  const l = n && n.getStyles && n.getStyles() || "", d = I();
-  function h() {
-    return n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function S() {
-    return !1;
-  }
-  function x() {
-    return n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function T() {
-    return !0;
-  }
-  function g(k) {
-    if (!k || !k.value)
-      return null;
-    const B = I(k == null ? void 0 : k.value.parent), y = g(B);
-    return y || null;
-  }
-  function r(k = t) {
-    const { componentInstance: B, designerItemElementRef: y } = k;
-    return !B || !B.value ? null : B.value.canMove ? y : r(k.parent);
-  }
-  function u(k) {
-    return !!n && n.canAccepts(k);
-  }
-  function v() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function m() {
-  }
-  function i(k, B) {
-    B && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(B);
-  }
-  function f(k) {
-    const { componentType: B } = k;
-    let y = se(B, k);
-    n && n.onResolveNewComponentSchema && (y = n.onResolveNewComponentSchema(k, y));
-    const D = B.toLowerCase().replace("-", "_");
-    return y && !y.id && y.type === B && (y.id = `${D}_${Math.random().toString().slice(2, 6)}`), y;
-  }
-  function c(k, B) {
-    const y = String(k.getAttribute("data-controltype")), D = k.getAttribute("data-feature"), O = D ? JSON.parse(D) : {};
-    O.parentComponentInstance = d.value;
-    let j = se(y, O);
-    n && n.onAcceptNewChildElement && (j = n.onAcceptNewChildElement(k, B, j));
-    const o = y.toLowerCase().replace("-", "_");
-    return j && !j.id && j.type === y && (j.id = `${o}_${Math.random().toString().slice(2, 6)}`), j;
-  }
-  function w(k) {
-  }
-  function $() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return d.value = {
-    canMove: h(),
-    canSelectParent: S(),
-    canDelete: x(),
-    canNested: !T(),
-    contents: [],
-    elementRef: e,
-    parent: (N = t.parent) == null ? void 0 : N.componentInstance,
-    schema: t.schema,
-    styles: l,
-    canAccepts: u,
-    getBelongedComponentInstance: g,
-    getDraggableDesignItemElement: r,
-    getDraggingDisplayText: v,
-    getPropConfig: $,
-    getDragScopeElement: m,
-    onAcceptMovedChildElement: i,
-    onAcceptNewChildElement: c,
-    onChildElementMovedOut: w,
-    addNewChildComponentSchema: f,
-    updateDragAndDropRules: a,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || I(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || I(!1)
-  }, d;
-}
-const So = /* @__PURE__ */ ee({
-  name: "FDesignerInnerItem",
-  props: go,
-  emits: ["selectionChange", "addComponent"],
-  setup(e, t) {
-    const n = I(e.canMove), a = I(e.canAdd), l = I(e.canDelete), d = I(!1), h = I(e.contentKey), S = I(e.childType), x = I(e.childLabel), T = I(e.modelValue), g = I(""), r = I(), u = X("canvas-dragula"), v = I(), m = X("design-item-context"), i = {
-      designerItemElementRef: r,
-      componentInstance: v,
-      schema: T.value,
-      parent: m,
-      setupContext: t
-    };
-    de("design-item-context", i);
-    const f = M(() => ({
-      "farris-component": !0,
-      "position-relative": n.value && l.value,
-      "farris-nested": d.value,
-      "can-move": n.value,
-      "d-none": r.value && r.value.classList.contains("d-none")
-    })), c = M(() => {
-      const o = {};
-      return g.value && g.value.split(";").reduce((b, s) => {
-        const [C, E] = s.split(":");
-        return C && (b[C] = E), b;
-      }, o), o;
-    });
-    function w(o, b) {
-      if (m && m.schema[h.value]) {
-        const s = m.schema[h.value].findIndex((C) => C.id === b.id);
-        m.schema[h.value].splice(s, 1), m.componentInstance.value.updateDragAndDropRules();
-      }
-    }
-    function $(o) {
-      if (v.value.addNewChildComponentSchema) {
-        const b = {
-          componentType: S.value,
-          label: x.value,
-          parentComponentInstance: v.value,
-          targetPosition: -1
-        }, s = v.value.addNewChildComponentSchema(b);
-        T.value[h.value].push(s), t.emit("addComponent");
-      }
-    }
-    function N() {
-      return a.value && p("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "新增",
-        ref: "removeComponent",
-        onClick: (o) => {
-          $();
-        }
-      }, [p("i", {
-        class: "f-icon f-icon-plus-circle"
-      }, null)]);
-    }
-    function k(o) {
-      return l.value && p("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "删除",
-        ref: "removeComponent",
-        onClick: (b) => {
-          w(b, o);
-        }
-      }, [p("i", {
-        class: "f-icon f-icon-yxs_delete"
-      }, null)]);
-    }
-    function B(o) {
-      return p("div", {
-        class: "component-btn-group",
-        "data-noattach": "true"
-      }, [p("div", null, [N(), k(o)])]);
-    }
-    oe(() => e.modelValue, (o) => {
-      T.value = o, i.schema = o;
-    });
-    function y(o) {
-      const b = o.target;
-      To(b);
-    }
-    function D() {
-      var o, b;
-      (b = (o = T.value) == null ? void 0 : o.contents) != null && b.length && r.value && r.value.addEventListener("scroll", y);
-    }
-    function O() {
-      const o = r.value, b = I(o.children[1]);
-      return wo(b, i).value;
-    }
-    K(() => {
-      if (r.value) {
-        const o = r.value.querySelector(`[data-dragref='${T.value.id}-container']`);
-        v.value = o && o.componentInstance ? o.componentInstance.value : O(), u && o && u.attachComponents(o, T.value), d.value = v.value.canNested !== void 0 ? v.value.canNested : d.value, n.value = v.value.canMove !== void 0 ? v.value.canMove : n.value, g.value = v.value.styles || "", r.value && (r.value.componentInstance = v, r.value.designItemContext = i);
-      }
-      D(), Pe.value++;
-    }), et(() => {
-      r.value && r.value.removeEventListener("scroll", y);
-    });
-    function j(o) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((s) => s.classList.remove("dgComponentFocused")), o && (o.preventDefault(), o.stopPropagation());
-      const b = r.value;
-      if (b) {
-        const s = document.getElementsByClassName("dgComponentSelected");
-        if (!(s && s.length === 1 && s[0] === r.value)) {
-          Array.from(s).forEach((A) => A.classList.remove("dgComponentSelected")), b.classList.add("dgComponentFocused"), t.emit("selectionChange", T.value.type, T.value);
-          const E = v.value.getDraggableDesignItemElement(i);
-          E && E.value && E.value.classList.add("dgComponentSelected");
-        }
-      }
-      Pe.value++;
-    }
-    return () => p("div", {
-      id: `${e.id}-design-item`,
-      ref: r,
-      class: f.value,
-      style: c.value,
-      onClick: j
-    }, [B(T.value), t.slots.default && t.slots.default()]);
-  }
-});
-function xo(e, t, n, a) {
-  const {
-    toolbarItems: l,
-    toolbarSchema: d
-  } = e, h = (x) => {
-  };
-  function S(x, T) {
-    var g;
-    (g = a.setupContext) == null || g.emit("selectionChange", x, T);
-  }
-  return p("div", {
-    class: "farris-tabs-toolbar"
-  }, [p("div", {
-    class: "farris-tabs-inline-flex"
-  }, [p(So, {
-    modelValue: d.value,
-    "onUpdate:modelValue": (x) => d.value = x,
-    canAdd: !0,
-    childType: "response-toolbar-item",
-    childLabel: "按钮",
-    contentKey: "buttons",
-    onSelectionChange: S
-  }, {
-    default: () => [p(yo, {
-      items: l.value,
-      onClick: h
-    }, null)]
-  })])]);
-}
-const jo = /* @__PURE__ */ ee({
-  name: "FTabsDesign",
-  props: Te,
-  emits: ["tabChange", "tabRemove"],
-  setup(e, t) {
-    const n = I(), a = X("design-item-context"), l = bo(a.schema, a.parent), d = je(n, a, l), h = I(e.tabType), S = re(), x = re(), T = mo(e, t, S, a), {
-      activeId: g,
-      changeTitleStyle: r,
-      tabPages: u,
-      addTab: v,
-      updateTab: m,
-      selectTabByTabId: i,
-      toolbarItems: f
-    } = T, c = We(e, x, T), w = He(e, S, c, T), {
-      previousButtonClass: $,
-      nextButtonClass: N,
-      nextButtonGroupClass: k,
-      scrollTab: B,
-      updateNavigationLayout: y
-    } = w, D = Re(e, T), {
-      hideDropDown: O
-    } = D, j = oo(e, S, w, c, T, d, l), o = j, b = _e(e, S, w, c, T), s = /* @__PURE__ */ new Map([["default", j], ["one-page", o], ["pills", b]]);
-    M(() => {
-      const W = u.value.find((V) => V.props.id === g.value);
-      return W == null ? void 0 : W.slots;
-    });
-    const C = M(() => {
-      const W = u.value.find((U) => U.props.id === g.value);
-      return (W == null ? void 0 : W.props.toolbarPosition) === "inHead";
-    });
-    de("tabs", {
-      activeId: g,
-      addTab: v,
-      updateTab: m,
-      tabPages: u,
-      tabType: h
-    });
-    function E() {
-      const W = d.value.schema.contents || [];
-      return W.length < 1 ? null : W.find((U) => U.id === g.value);
-    }
-    function A() {
-      var V;
-      const W = E();
-      f.value = [...(V = W == null ? void 0 : W.toolbar) == null ? void 0 : V.buttons];
-    }
-    de("toolbar-item-handler", A);
-    const H = M(() => e.fill || e.tabType === "fill"), q = M(() => e.tabType === "pills"), Y = M(() => ({
-      "farris-tabs-header": !0,
-      "farris-tabs-inHead": C.value,
-      "farris-tabs-inContent": !C.value,
-      "farris-tabs-nav-fill": H.value,
-      "farris-tabs-nav-pills": q.value
-    })), Z = M(() => ({
-      width: C.value && e.titleWidth ? `${e.titleWidth}%` : ""
-    })), Q = M(() => ({
-      "farris-tabs": !0,
-      "flex-column": e.position === "top",
-      "flex-column-reverse": e.position === "bottom",
-      "flex-row": e.position === "left",
-      "flex-row-reverse": e.position === "right",
-      "one-page": e.tabType === "one-page"
-    }));
-    K(() => {
-      u.value.length && (g.value = e.activeId || u.value[0].props.id, i(g.value)), ne(() => {
-        y();
-      }), r(S), window.addEventListener("click", (W) => {
-        var V;
-        O.value || (V = n.value) != null && V.contains(W.target) || (O.value = !0);
-      }), window.addEventListener("resize", () => {
-        y();
-      }), n.value.componentInstance = d;
-    });
-    function ae() {
-      return p("button", {
-        title: "left-arrow-button",
-        type: "button",
-        class: $.value,
-        onClick: () => {
-          B(0, -1);
-        }
-      }, null);
-    }
-    function te() {
-      return p("button", {
-        title: "right-arrow-button",
-        type: "button",
-        class: N.value,
-        onClick: () => {
-          B(0, 1);
-        }
-      }, null);
-    }
-    const {
-      renderMorePagesButtton: P
-    } = Fe(e, D, w, T);
-    function L() {
-      return !!f.value.length && xo(T, d, l, a);
-    }
-    const F = s.get(e.tabType) || s.get("default");
-    function _() {
-      var W, V, U, ce;
-      return p("div", {
-        class: Y.value
-      }, [p("div", {
-        class: "farris-tabs-header-pre"
-      }, [(V = (W = t.slots).headerPrefix) == null ? void 0 : V.call(W)]), p("div", {
-        class: "farris-tabs-title scroll-tabs",
-        style: Z.value
-      }, [ae(), F && F(), p("div", {
-        class: k.value
-      }, [te(), P()])]), L(), p("div", {
-        class: "farris-tabs-header-post"
-      }, [(ce = (U = t.slots).headerSuffix) == null ? void 0 : ce.call(U)])]);
-    }
-    function R() {
-      var W, V;
-      return p("div", {
-        class: "farris-tabs-content",
-        ref: x
-      }, [(V = (W = t.slots).default) == null ? void 0 : V.call(W)]);
-    }
-    return t.expose(d.value), () => p("div", {
-      class: Q.value,
-      ref: n
-    }, [_(), R()]);
-  }
-});
-function Do() {
-  function e(t) {
-    var l, d;
-    if (!t)
-      return !1;
-    const n = ((l = t.targetContainer) == null ? void 0 : l.componentInstance) && t.targetContainer.componentInstance.value;
-    if (!n)
-      return !1;
-    const a = (d = n.schema.appearance) == null ? void 0 : d.class;
-    if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const h = n.schema.type, S = (h === "response-form" || h === "content-container") && a && a.includes("farris-form");
-      if (n.schema.type !== "response-layout-item" && !S)
-        return !1;
-    }
-    return t.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: e
-  };
-}
-function Bo(e, t) {
-  function n(l) {
-    return !!Do().basalDragulaRuleForContainer(l);
-  }
-  function a(l) {
-  }
-  return { canAccepts: n, onAcceptMovedChildElement: a };
-}
-function Oo(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ae(e);
-}
-const $o = /* @__PURE__ */ ee({
-  name: "FTabPageDesign",
-  props: xe,
-  emits: [],
-  setup(e, t) {
-    const n = I(), a = X("design-item-context"), l = Bo(a.schema, a.parent), d = je(n, a, l);
-    d.value.canNested = !1, d.value.canDelete = !1, d.value.canMove = !1, t.expose(d.value);
-    const h = X("tabs"), S = I(!0), x = {
-      slots: t.slots,
-      props: e
-    }, T = I((h == null ? void 0 : h.tabType.value) || "default");
-    function g() {
-      e.id === h.activeId.value ? a.designerItemElementRef.value.classList.remove("d-none") : a.designerItemElementRef.value.classList.add("d-none");
-    }
-    K(() => {
-      n.value.componentInstance = d;
-      const f = h.tabPages.value.findIndex((c) => c.props.id === e.id);
-      !f || f === -1 ? h == null || h.addTab(x) : f > -1 && (S.value = !1, console.warn(`已经存在id为${e.id}的页签啦`)), g();
-    }), fe(() => {
-    });
-    const r = M(() => ({
-      display: (e == null ? void 0 : e.id) === (h == null ? void 0 : h.activeId.value) ? "" : "none"
-    }));
-    oe(() => e, (f) => {
-      h == null || h.updateTab({
-        props: f,
-        slots: t.slots
-      });
-    }, {
-      immediate: !0,
-      deep: !0
-    }), oe(h.activeId, g);
-    function u() {
-      var c, w;
-      const f = (w = (c = t.slots).default) == null ? void 0 : w.call(c);
-      return p(Je, {
-        "main-title": e.title,
-        class: "farris-tab-page"
-      }, Oo(f) ? f : {
-        default: () => [f]
-      });
-    }
-    function v() {
-      var c, w;
-      const f = (w = (c = t.slots).default) == null ? void 0 : w.call(c);
-      return p("div", {
-        ref: n,
-        class: "farris-tab-page drag-container",
-        "data-dragref": `${a.schema.id}-container`,
-        style: r.value
-      }, [f]);
-    }
-    const i = (/* @__PURE__ */ new Map([["default", v], ["one-page", u]])).get(T.value) || v;
-    return () => S.value ? i() : null;
-  }
-}), Eo = {
-  install(e) {
-    e.component(he.name, he), e.component(ve.name, ve);
-  },
-  register(e, t, n) {
-    e.tabs = he, e["tab-page"] = ve, t.tabs = De, t["tab-page"] = Ie;
-  },
-  registerDesigner(e, t, n) {
-    e.tabs = jo, e["tab-page"] = $o, t.tabs = De, t["tab-page"] = Ie;
-  }
-};
-export {
-  ve as TabPage,
-  he as Tabs,
-  Eo as default,
-  xe as tabPageProps,
-  Ie as tabPagePropsResolver,
-  Te as tabsProps,
-  De as tabsPropsResolver
-};